Back to Plugins
Color Luminance

Color Luminance

<p>Display the relative luminance (how bright color appear to our eyes) of the selected colors.</p><p><br></p><p>Colors can be adjusted to match a desired luminance levels.</p><p><br></p><p>When only two colors are selected, their contrast ratio is also displayed.</p><p><br></p><p>The plugin is especially helpful when creating or working with palettes that organizes colors in steps based on their relative luminance.</p><p><br></p><p>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,</p><p>as colors of a certain luminance value always has the same contrast ratio to other colors another luminance value.</p>

contrastpaletteabstractluminancecolor

Plugin Preview

Color Luminance preview

About this plugin

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.

Plugin Details

Version6
CreatedAugust 4, 2020
Last UpdatedNovember 16, 2020
Categoryshapes-colors
CreatorTommy Johansen
Stats1051 installs, 40 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:code.js

More Like This

Discover other plugins in the shapes-colors category.