Colour

Somebody on the team thinks the grey is fine and somebody else can’t read it. This settles that with a number.

Feed it a foreground and a background and it gives you the contrast ratio along with whether that clears the accessibility thresholds for body text and for large text, which are different and routinely confused. When a pair fails, change the foreground and watch the ratio update alongside a text preview. The palette tab builds related colours from a base colour; check each pair for contrast before using it for text.

Good for

• Checking a palette before it ships instead of after the audit.
• Settling whether that placeholder grey is legible.
• Picking readable text for a background you have already committed to.
• Sanity-checking a brand colour against its own tints.

Why it’s a speck

You come with one question and leave with the number. Nothing to sign into.

Open Colour