Tools
Free color tools for designers.
Convert color values, check accessibility contrast, extract palettes from images, pick precise colors, and generate production-ready CSS gradients.
Color palette generator
LiveShuffle harmonious schemes with a tap of the spacebar, lock the colours you love, fine-tune any swatch, then copy hex or export CSS. Every palette gets a shareable link.
Open tool →
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.
Frequently asked questions.
- Are these color tools free to use?
- Yes. The converter, contrast checker, image palette extractor, picker, and gradient generator are free browser tools.
- Do the tools send my colors or images to a server?
- No. Interactive tools run in the browser. The image palette extractor processes uploaded images locally on your device.
- Which color formats are supported?
- The tools support common design formats including hex, RGB, HSL, CMYK, CSS gradients, and WCAG contrast ratios.