Pick colours and build palettes
HEX, RGB, HSL, OKLCH conversions, contrast checks and harmonies.
Runs in this tab.
Runs on your device
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 the palette
Tints, shades, complementary, triadic and analogous colours, with WCAG contrast.
Frequently asked 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.
Is anything uploaded?
No.