🍋 Design Tools
Contrast Checker
chars
words
sentences
lines
結果
結果
Contrast Checkerについて
Check WCAG 2.1 contrast ratios between foreground and background colors. Validates AA and AAA compliance for both normal and large text.
仕組み
Enter a foreground and background color (hex or rgb). The checker calculates the contrast ratio using WCAG 2.1's relative luminance formula and reports pass/fail for AA and AAA levels at normal and large text sizes.