Stop using HSL for colour systems | Eugene Fedorenko

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 is that most classic colour spaces do not account for perceptual contrast and lightness within our own biological colour space (how we perceive colours), which makes standardisation between colours very difficult. But more modern colour spaces – including LCh – are designed to account for that perceptual difference and should therefore be considered a marked improvement/preferable solution.

Explore Other Notes

Newer

Accessible LCh colour palette generator

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 […]
  • 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 […]
  • 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.