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 }}

HSL

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

HCL

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.