Complementary pairs give the strongest contrast.

Where are my colours and images worked on?

In your browser, on your device. Colours you type and images you open stay with you.

Does it work offline?

Yes. Once this page has loaded, it keeps working without an internet connection.

Find the colour opposite yours on the colour wheel.

Palette

Opposite hues, 180° apart.

Base colour

Click a colour to copy it. Press Space for a new palette.

Name prefix

:root {
  --palette-1: #1e90ff;
  --palette-2: #c28000;
}

Good to know: Complementary pairs give the strongest contrast.
Where are my colours and images worked on?: In your browser, on your device. Colours you type and images you open stay with you.
Does it work offline?: Yes. Once this page has loaded, it keeps working without an internet connection.

Ready-made settings for common jobs.

More tools for working with colour.

50–950 scale

HEX, RGB, HSL, OKLCH

WCAG AA and AAA

Linear, radial, conic

Blend two colours