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.