Enter the text color and the background it sits on. Use solid sRGB HEX values for this check.
Local WCAG contrast checker
根據 WCAG 標準檢查色彩對比度。
測試前景色和背景色，查看比例並驗證一般與大型文字的 AA/AAA。
* The calculation runs locally in your browser. No colors are uploaded or stored.
Local WCAG contrast checker
Make accessibility part of the color decision
Read the ratio and AA/AAA results for normal and large text. The live sample makes the pair easier to judge.
Test links, focus states, icons, and components in their actual context before release.
FAQ
What does ContrastBox check?
Does ContrastBox upload my colors?
No. The WCAG relative luminance calculation happens in this browser tab.
What do AA and AAA mean?
They are WCAG conformance levels. ContrastBox shows the thresholds for normal and large text.
Is this a complete accessibility audit?
No. It checks color contrast for an opaque foreground/background pair. Other accessibility requirements still need review.