Colour picker
Pick any colour and see it every way you might need it: code formats, its name, shades, harmonies, contrast and how it looks with colour blindness.
Shades, tints and tones
Click any swatch to make it the current colour.
Shades (lighter to darker)
Tints (towards white)
Tones (towards grey)
Colour harmonies
Classic combinations built from your colour on the colour wheel.
Contrast on white and black
How readable is text on this colour?
Colour blindness preview
Simulated views of this colour. Never rely on colour alone to carry meaning.
More colour tools
Every tool runs in your browser. No sign-up needed.
Palette generatorGenerate palettes with the space barImage palettePull colours from any photoColour libraryBrowse thousands of named coloursGradientsBrowse ready-made gradientsGradient makerBuild and export CSS gradientsGradient paletteBlend colours in even stepsContrast checkerWCAG pass or fail in one glanceTailwind shadesFull 50 to 950 colour scalesPalette visualizerTry colours on real layoutsColour botChat for colour ideas