對比度檢查

使用方法

1. Enter or pick the foreground color using the color input on the left。
2. Enter or pick the background color using the color input on the right。
3. Read the contrast ratio and the WCAG 2.1 pass/fail badges for normal text (AA requires 4.5:1), large text (AA requires 3:1), and UI components (3:1)。
4. Click the swap button to reverse the colors and verify both directions。

範例

• Foreground #767676 on background #ffffff produces a ratio of 4.48:1, which fails AA for normal text but passes for large text。
• Foreground #000000 on #ffffff gives 21:1, passing every WCAG 2.1 level including AAA。