HCL color space
The HCL (Hue, Chroma, Luminance) color space is based on CIELAB. It preserves the Luminance (L) axis, but transforms the A and B axes into polar coordinates, where the saturation is the Chroma (C), and a single axis is used for the Hue (H). This color space is probably the easiest to manipulate, since variations in each of the axes are easier to perceive.
Use the d3.hcl() or d3.lch() functions to create a HCL color from its components, from another color, or from a color string, and then use h, c, and l properties to read or modify individual color components. The following diagram shows the axes of the HCL color space. You can experiment with this color space using the online color picker at bl.ocks.org/mbostock/3e115519a1b495e0bd95 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access