Whether anyone can read it CONTRAST
Checks a colour pair against WCAG 2.1, shows the working, and when it fails hands you the nearest colour that passes. It also grids a palette, reads colours from a screenshot and simulates colour blindness.
The pair
Type a hex value, an rgb() or an hsl(), or open the picker. A CSS colour name works too.
Large text, 24 pixels and bold
Body text at fifteen pixels, the size most of a document is set in, with enough of it here to judge whether the eye has to work.
Small print at twelve and a half, where a weak pair gives itself away.
If it fails, the nearest colour that does not
Both colours keep their hue and their saturation. Only the lightness moves, and only as far as it has to.
The same pair, three other eyes
Simulated with the Machado 2009 model at full severity, in linear light.
A whole palette, every pair at once
Paste a stylesheet, a list of hex values or a JSON theme file. Every colour found is drawn against every other.
Drop a file of colours here, or
The colours already in a picture
Drop a screenshot, a brand sheet or a mock-up and get the eight colours it is mostly made of.
Drop a PNG, JPEG or WebP here, or
How it works
CONTRAST checks whether text will be readable. It also checks a whole palette as a grid, handles colours with transparency, and explains what counts as large text. The colours stay in this tab.
Doing this often? OBSCURA Vector draws with the colours you checked, on artboards, out as SVG, PDF or PNG. On its own, US$4 a month; with everything else, US$9 a month or US$79 a year. 7 days free.