From raw color values to contrast clarity. Turn snippets into signal. From raw color values to contrast clarity. Turn snippets into signal. From raw color values to contrast clarity. Turn snippets into signal.
Contrast ratio is WCAG’s way of measuring how clearly two colors separate. Higher ratios often improve readability, especially for smaller text, thin weights, bright screens, and users with lower visual sensitivity.
If you want to go deeper. Jump into:
This tool calculates WCAG contrast using full-precision sRGB luminance math. We round the displayed score for readability, but pass/fail compliance checks use the full-precision value.
Paste color values or CSS. We’ll extract what matters and check contrast between two colors.
Works with hex, rgb, hsl, oklch, and CSS variables.