Tools
Built to verify a value.
Four small tools for working designers — when you know what you want, and you need to confirm it. Converter, contrast checker, picker, gradient.
Palette from image
LiveDrop a photo or artwork — median-cut quantization in your browser returns 3 to 8 dominant colours with hex. The image stays on your machine.
Open tool →
Hex → RGB → CMYK → HSL
LivePaste a hex code and get every notation in parallel. Works the other direction too — RGB to hex, HSL to CMYK, the full graph.
Open tool →
WCAG contrast checker
LiveTwo colours, one ratio, three thresholds. AA, AAA, large-text — for body copy, headlines, and UI states.
Open tool →
Color picker
LiveA precise picker built around hue, saturation, and lightness — every notation in parallel. Recent colours saved locally.
Open tool →
Gradient generator
LiveTwo-stop, three-stop, conic. Built to output CSS that respects the colour space of the gradient — not just the endpoint hex.
Open tool →
Tools, not toys.
Most colour tools on the open web are designed to delight — colour wheels that spin, palettes that auto-generate, infinite scrolls of random combinations. They are fun to use and almost never useful once you have committed to a brief.
The tools here are built for the other moment — when you have a value, you have a constraint, and you need to confirm that the value satisfies the constraint. What is this hex in CMYK? Does this body-copy pair pass AA at 14px? What CSS is this gradient, exactly? Quiet questions, quiet answers.
A great colour tool returns a value. A great colour encyclopedia returns a position in a long conversation. The site does both — this page is the first half.