Color Relative Luminance Table
Calculate WCAG relative luminance for a list of hex colors and copy a table.
What the Color Relative Luminance Table does
Calculate WCAG relative luminance for a list of hex colors and copy a table. The color #777777 reports a mid-range luminance that often needs a very dark or very light partner Adjust the controls and the preview updates immediately, so you can dial in exactly what you want and copy the result straight into your project — no build step and no account.
One thing to keep in mind: Luminance is not perceived brightness in every context, but it is the value used for WCAG contrast math.
Private and in your browser
Everything runs locally in your browser. Your input is never uploaded, so the tool stays fast and works offline, and the copy and download buttons always use the current result shown in the output panel.
Frequently Asked Questions
What does the Color Relative Luminance Table do?
Calculate WCAG relative luminance for a list of hex colors and copy a table. The color #777777 reports a mid-range luminance that often needs a very dark or very light partner.
What should I keep in mind?
Luminance is not perceived brightness in every context, but it is the value used for WCAG contrast math
Does it upload my input?
No. The Color Relative Luminance Table runs entirely in your browser — your input is never uploaded, and it keeps working offline once the page has loaded.
Practical utilities for front-end design and implementation work.