Check Text Contrast, Focus and Target Size

Edit foreground and background colours in a live specimen to check text contrast. Contrast Lab also lets you inspect focus indicators and target sizes, with readable results and exportable CSS for your current sample.

How to use Contrast Lab

1. Choose foreground, background and focus colors.
2. Adjust the sample text and interface controls to inspect the checks.
3. Copy the CSS or download the current sample results.