Color Luminance Matcher
Adjust one color lightness until it matches another relative luminance.
How Color Luminance Matcher works
Color Luminance Matcher is designed to adjust one color lightness until it matches another relative luminance. The matcher keeps source hue and saturation, then binary-searches HSL lightness until WCAG relative luminance approaches the target. Color Luminance Matcher adds a focused result for this operation. For Color Luminance Matcher, each control change is reflected in the visible result, which keeps the page useful for deliberate comparison rather than appearance alone.
Matching red #ff0000 to the luminance of #808080 produces #ff0e0e, within 0.001 relative luminance. Use it to make related status colors carry similar perceived brightness while retaining their original hue families. In Color Luminance Matcher, the worked default is a fixed checkpoint; changing a control shows exactly which part of the result responds.
Limits, output, and privacy
An exact match is not always possible after eight-bit rounding, and saturated colors can reach a luminance boundary before neutrals. For Color Luminance Matcher, the conversion assumes standard sRGB and D65; colors outside the display gamut are clipped to available channel values. Color Luminance Matcher keeps the operation client-side. With Color Luminance Matcher, the browser performs the complete operation locally and does not transmit the source values, image, or generated result.
Frequently Asked Questions
How does the color luminance matcher work?
It will adjust one color lightness until it matches another relative luminance. The default controls reproduce the worked vector described on the page.
What should I verify before using the result?
For Color Luminance Matcher, the conversion assumes standard sRGB and D65; colors outside the display gamut are clipped to available channel values.
Does the color luminance matcher upload my input?
No. Color Luminance Matcher performs its calculation, preview, and copy or download action locally in your browser.
Browse the full set of free, private, in-browser tools.