Developer — Free

Pick colours and build palettes

HEX, RGB, HSL, OKLCH conversions, contrast checks and harmonies.

Ready. Free

01 — Steps

How to pick colours and build palettes

Pick a colour
Use the picker or type any HEX, RGB or HSL value.
Copy any format
All formats update together; click to copy.
Explore palette
Tints, shades, complementary, triadic and analogous colours, with WCAG contrast.

02 — Questions

What is OKLCH?

A perceptually uniform colour space supported by modern CSS; equal steps look equal to the eye.

What contrast do I need?

WCAG AA requires 4.5:1 for body text and 3:1 for large text and UI components.

Can I paste a colour?

Yes. Type or paste any HEX, RGB or HSL value and every format updates.

04 — More