CSS utility

CSS Color Editor

Paste a stylesheet, detect the colors inside it, remap them with color pickers or hex codes, and copy a complete working CSS file.

Start Editing Back to Tools
01 Paste CSS

Add your stylesheet into the editor. Hex, RGB, RGBA, HSL, HSLA, and common named colors are detected.

02 Change colors

Use the color chart or type a color code. Each old color can be remapped independently.

03 Copy output

The output stays as complete CSS, ready to paste back into your project.

Editor

Recolor a stylesheet.

Paste CSS on the left, choose replacement colors, then copy the finished stylesheet from the output panel.

Detected colors

Paste CSS and click Detect Colors to build your replacement chart.