Color Luminance

Display the relative luminance (how bright color appear to our eyes) of the selected colors.

Colors can be adjusted to match a desired luminance levels.

When only two colors are selected, their contrast ratio is also displayed.

The plugin is especially helpful when creating or working with palettes that organizes colors in steps based on their relative luminance.

Organizing palettes this way is a robust approach that in addition makes it easier predicting contrast ratio to comply with e.g. WCAG 2.1,as colors of a certain luminance value always has the same contrast ratio to other colors another luminance value.