Colour Tools

Every colour-theory scheme for one colour at once — complementary, analogous, triadic, split-complementary, tetradic, rectangle and monochromatic, with the exact hue angles.

Turn one colour into a full 50–950 shade scale, as CSS custom properties or a Tailwind config — built in OKLCH so the steps are even and nothing clips.

Pick the exact colour of any pixel in an image. Hover to preview with a magnifier, click to lock it in, and copy it in any notation.

A browsable library of named colour palettes — accessible sets, editor themes and perceptually even ramps. Search by name, mood or hex.

See how an image looks to someone with colour vision deficiency — protanopia, deuteranopia, tritanopia and the milder anomalous types, side by side.

Convert a colour between HEX, RGB, HSL, HSV, LAB, LCH, OKLAB, OKLCH, CMYK and YCbCr. Paste any of them and get the rest.

Check the contrast ratio between two colours against WCAG 2.1 AA and AAA — and get the nearest colour that passes.

Build a linear, radial or conic CSS gradient from your own colour stops — copy the CSS, or download it as a PNG.

Build a colour palette from one seed colour using real colour theory — complementary, analogous, triadic, split-complementary, tetradic or monochromatic.

Pull the dominant colours out of any image. Clustered by how the eye sees colour rather than by raw RGB — and the image never leaves your browser.