Colour contrast checker
Make sure your text can be read. Pick a text and background colour to see the WCAG contrast ratio, which levels it passes and a nearby colour that does.
#
#
Readable headline
The quick brown fox jumps over the lazy dog. Good contrast keeps long text comfortable to read.
Small print at 13 pixels needs the most contrast.ButtonOutline
0:1
Check a whole palette
Paste up to eight HEX colours. Each cell shows one text colour on one background. Click a cell to inspect it above.
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 pickerFormats, shades and harmoniesColour libraryBrowse thousands of named coloursGradientsBrowse ready-made gradientsGradient makerBuild and export CSS gradientsGradient paletteBlend colours in even stepsTailwind shadesFull 50 to 950 colour scalesPalette visualizerTry colours on real layoutsColour botChat for colour ideas