Accessible LCh colour palette generator | Accessible Palette

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.

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 […]
  • 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 […]
  • Murray Adcock.
Journal permalink

Made By Me, But Made Possible By:

CMS:

Build: Gatsby

Deployment: GitHub

Hosting: Netlify

Connect With Me:

Twitter Twitter

Instagram Instragram

500px 500px

GitHub GitHub

Keep Up To Date:

All Posts RSS feed.

Articles RSS feed.

Journal RSS feed.

Notes RSS feed.