Color tools
Pick a colour, mix two together, pull a palette out of a photo or check that text is readable against its background — with HEX, RGB and HSL codes to copy.
Free · run in your browser · nothing uploaded
Pick and mix
Palettes and shades
Accessibility
About these tools
Colour tools bridge the gap between seeing a colour and being able to use it: picking one precisely, converting it between HEX, RGB, HSL and the rest, pulling a palette out of a photograph, or checking whether a foreground and background pair is legible.
Contrast checking deserves particular mention because it is the one with a right answer — accessibility guidelines set numeric thresholds, and a pairing either meets them or does not. Everything here runs locally, including palette extraction, which reads the pixels of your image in the browser without uploading it.
Questions people ask
Why does mixing blue and yellow not give green?
Because a screen mixes light, not paint. Averaging two on-screen colours blends their red, green and blue light, so blue and yellow average to a grey. Paint mixes subtractively, which is where the green comes from. The colour mixer shows the light-based result and offers a gamma-correct mode that avoids the muddy midpoints of plain averaging.
What contrast ratio does text need?
WCAG 2.1 asks for at least 4.5:1 for normal body text and 3:1 for large text (about 24 px, or 19 px bold) to pass level AA; AAA raises those to 7:1 and 4.5:1. The contrast checker reports all four results for your pair and suggests the nearest colours that pass.