Dzzz

Contrast checker On-device

WCAG and APCA for colour pairs — or a palette against both Dzzz themes.

AA 4.5 · AAA 7 · APCA ≥ 60 body
Input 0 chars · 0 words · 0 lines
Output

Paste on the left to start.

Paste above to start.

contrast.json

Everything runs on your device. Nothing you paste is sent anywhere, and it's cleared when you close the tab.

WCAG and APCA for colour pairs — or a palette against both Dzzz themes. Everything runs in your browser; nothing you paste is sent anywhere.

About this tool

What you provide

  • Colours as #hex or rgb().

What you get

  • Contrast ratios, AA and AAA results, APCA values and suggested fixes.

Limits

  • APCA values are advisory and not part of WCAG 2.

How to use it

  1. Enter colours

    List colours as #hex or rgb(), one pair per line.

  2. Choose the mode

    Compare pairs or a palette against both themes.

  3. Read the table

    Check AA, AAA, APCA and suggested fixes.

Frequently asked questions

Which standards does it check?

WCAG 2 contrast ratios with AA and AAA thresholds, and APCA lightness contrast, for normal and large text.

Can it suggest a fix?

Yes. It nudges the text colour's lightness until the pair reaches AA, or says it cannot.