Color Dressing Room

Upload a screenshot of your app or website and instantly try out new color schemes. Swap one color for another and preview how your UI would look without touching your code or design files.

This app lets you quickly explore new color directions for an existing interface using nothing more than a screenshot. Upload an image of your website or application, select a color you want to change, and replace it with a new one to see the result instantly.

Instead of relying on exact color matches, the app intelligently finds similar colors across the image and remaps them while preserving lightness and shading. This keeps buttons, backgrounds, and UI elements looking natural rather than flat or broken. You can stack multiple color replacements, undo changes, and compare the original design with the modified version at any time.

It’s designed for fast experimentation, not pixel-perfect production output. Use it to answer questions like “What if our primary color were green?”, “Does this work better in dark mode?”, or “Is this accent too loud across the whole interface?” — all without opening a design tool or changing a line of code.

Running the code

• Run npm i to install the dependencies.
• Run npm run dev to start the development server.