Editor

Color editor and palette visualizer

Build a palette, then see every variation of it: shades, saturation, hue, temperature, luminance, and colorblind simulation, plus WCAG contrast, a theme preview, and a gradient export. Free to use in your browser. Sign up to save palettes to your account.

Open in builder

Press space to shuffle. Lock a color to keep it. Click any swatch to copy.

+50%

+40%

+30%

+20%

+10%

Original

-10%

-20%

-30%

-40%

-50%

What the editor does

Shades and tints

Every color across a lightness ramp.

Saturation and hue

Push colors more or less vivid, or rotate the hue.

Temperature

Warm or cool a whole palette at once.

Colorblind check

Protanopia, Deuteranopia, and Tritanopia simulation.

WCAG contrast

Pairwise AA and AAA contrast ratios.

Theme preview

See the palette on a light and dark UI.

Gradient export

Turn the palette into a smooth gradient and copy the CSS.