Color Luminance Calculator
ColorCalculate relative luminance of any color for WCAG contrast ratio compliance.
Color Luminance Calculator
Calculate relative luminance and perceived brightness of a color
For text to be readable, use luminance contrast of at least 4.5:1 (AA) or 7:1 (AAA)
L = 0.2126 ร Rs + 0.7152 ร Gs + 0.0722 ร Bs
Where Rs, Gs, Bs are the linearized sRGB values:
if (C โค 0.03928) then Cs = C / 12.92 else Cs = ((C + 0.055) / 1.055)2.4
More about the Color Luminance Calculator
WCAG's contrast ratio between two colors is actually built from a more basic number first, each color's own relative luminance, a single value describing how much light a color effectively reflects, calculated by weighting its red, green, and blue channels unevenly since the eye reads green as far brighter than an equal amount of blue. This tool calculates a single color's relative luminance directly, showing the number the WCAG contrast formula is actually built from rather than the final ratio between two colors. Useful for understanding why a specific color is pulling a contrast ratio up or down more than its lightness alone would suggest, debugging a custom contrast-ratio implementation by checking its luminance calculation against a known value, or seeing which color channel is actually driving a shade's luminance number the most.
Key features
- Clean interface
- Fast processing
- No signup required
- Works offline