Accessible Palette: stop using HSL for color systems

September 20,2024

Accessible Palette is an app for building color systems with consistent lightness and predictable contrast ratios across color levels.

Create Accessible Brand Colors - Inside Oomph

HSL and HSV - Wikipedia

A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH — Smashing Magazine

Accessible Colors, Web Design Guide

Design system - shades of primary color from 050 to 900 how to evaluate which colors are these? - Graphic Design Stack Exchange

Supa Palette Figma Community

Option to turn HSL color wheel to have red at the top (0deg) - Feedback for the V1 Affinity Suite of Products - Affinity

Making a Palette Accessible. How to test a legacy colour palette for…, by Colin Shanley, Design + Sketch

High Definition CSS Color Guide, CSS and UI

HEX vs RGB vs HSL: What is the Best Method to Set CSS Color Property?, by Nethmi Wijesinghe

Leonardo: an open source contrast-based color generator, by Nate Baldwin

Accessible Palette: stop using HSL for color systems : r/web_design

Accessible Palette: Create color systems with consistent lightness and contrast

2021 week 39—Using Logseq, SVG tools, Accessibility articles, Hotwire 1.0

OKLCH in CSS: Consistent, accessible color palettes - LogRocket Blog