Design Systems: Exploring HCL color space

This post is a work-in-progress.

Hues (Columns): {{ hues }}
Steps (Rows): {{ steps }}
Start Chroma: {{ startChroma }}
End Chroma: {{ endChroma }}
Start luminance: {{ startLuma }}
End luminance: {{ endLuma }}


HCL is designed to have characteristics of oth culinrical transslations of the RGB color space, asuch as HSL and HSC, and the Lab color space. hsl


The HSL and HSC color spaces ar emore intuitive translations of the RGB color space, because they provide a single hue number. hcl

HSL vs HCL. Hue adjustments maintain more consistent perceptual lightness with HCL.