The workbench / Colour

Contrast checker.

Find colour pairs that stay readable, with live previews.

Text colour · hex

Background colour · hex

Try a starting pair:

Room to read.

A little space, a clear sentence, and a pair of colours that make the words easy to see.

—

Solid sRGB colours only. AA targets: 4.5:1 for ordinary text and 3:1 for large text; AAA ordinary text: 7:1. This check covers colour contrast, not every accessibility requirement.

A little reading alongside.

Colour that reads well

Check a pair, then see it in the context of actual text.

Colour · 3 min read 02

A palette from five colours

Give each colour a job before adding more.

Colour · 3 min read