Color Contrast Checker
WCAG 2.1 contrast ratio for any two colors, with AA and AAA verdicts.
The quick brown fox
jumps over the lazy dog — 0123456789
Small text sample at 14px, the size most body copy uses.
—
Contrast ratio
—
WCAG AA
—
WCAG AAA
Colours accept HEX (#1a1a1a), rgb(26,26,26) and rgb(26 26 26). The ratio and the pass/fail verdicts follow WCAG 2.1 relative luminance.
使い方
- すべてブラウザ内でローカルに動作します。データは送信されず、アカウントも不要です。
概要
Enter a text color and a background color and get the exact WCAG 2.1 contrast ratio, with a live preview of the two colors together and pass/fail verdicts for AA, AAA and non-text UI elements.
The thresholds are AA 4.5:1 for normal text, AA 3:1 for large text and interface graphics, and AAA 7:1. Colors can be given as HEX or RGB, in either comma or space separated form.
すべてブラウザ内でローカルに動作します。データは送信されず、アカウントも不要です。
Embed this tool
Customize and copy an iframe. Linking back helps both sites.