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.