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>
Plugin 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
Version | 6 |
---|---|
Created | August 4, 2020 |
Last Updated | November 16, 2020 |
Category | shapes-colors |
Creator | Tommy Johansen |
Stats | 1051 installs, 40 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:index.html
- main:code.js
More Like This
Discover other plugins in the shapes-colors category.