ciatel-arlanta/chroma-shift

ChromaShift is a browser based tool that remaps the color theme of a UI screenshot or SVG file. You upload an image of an app or dashboard, and it automatically detects which parts of the image act as background, surface, text, accent, and border colors, then remaps all of them to a new theme you choose. You can pick from six built in presets, including Dark, Modern SaaS, Pastel, Cyberpunk, Monochrome, and Accessibility, or paste in your own custom color palette copied from a site like coolors.co. The result is a new version of your screenshot rendered in the chosen theme, which you can compare against the original with a drag to compare split view. Everything runs entirely inside your browser. No image is uploaded to a server, no account is required, and no AI service is called at any point, so there is nothing to sign up for and nothing sent anywhere. The color remapping relies on classical image processing math rather than machine learning: a bilateral filter smooths out gradient noise while keeping hard edges sharp, a weighted k-means algorithm groups similar colors together, and each group is then merged using a perceptual color distance formula so that visually similar clusters do not get split apart. Once the color groups are identified, each one is assigned a semantic role such as background or accent, and the new theme's colors are mapped onto them while preserving the original lightness relationships, so shadows and gradients still look natural instead of flattened. When you are happy with a result, you can export the new palette as CSS custom properties, a Tailwind theme snippet, or a JSON token file for use in your own project. A built in accessibility panel scores the contrast between text and background colors against WCAG guidelines as you experiment with different themes. The project is built with Next.js, React, and TypeScript, styled with Tailwind CSS, and uses the culori and chroma-js libraries for the underlying color math. It is released under the MIT license, free for personal and commercial use.