A tool for generating colour palettes which are perceptually consistent in terms of lightness, contrast, and saturation. Usefully, it automatically calculates WCAG 2 contrast ratios; it also attempts to guess at WCAG 3 scores, though this remains an unknown in terms of how it will ultimately be applied (it is useful to sanity check perceived contrast versus calculated contrast, though). You can also modify the underlying colour space per colour, and set hue shifts, to stop colours morphing across the calculated gradient (e.g. prevents blues from becoming too purple, or yellows turning too green). In other words, a very powerful colour calibration tool.
- Source
- Link to Original 🔗
- Published
- Categories
- Inclusion, Graphic Design
- Tags
- colour palette, LCh, WCAG, contrast ratio, tools
Explore Other Notes
⬅ Newer
Craft vs industry
A thoughtful diatribe on the current state of web design and the web industry as a whole, with a specific focus on how the rise of that industrial complex has (possibly inevitably) reduced …
Older ➡
Stop using HSL for colour systems
A fascinating (albeit quite technical) dive into how colours spaces work, and why the typical HSL colour spaces of the web and software result in problematic inconsistencies within colours. The key …
- <!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>A tool for generating colour palettes which are perceptually consistent in terms of lightness, contrast, and saturation. Usefully, it automatically calculates WCAG 2 contrast ratios; it also attempts …</p> </body> </html>
- Murray Champernowne