CIELChab (a.k.a. LCh or HCL ) ColorSpace

Monet Femme Ombrelle 1886 Logo


CIELChab 1) is a colorspace based on the following coordinates:

CIELChab is also known as:

  • CIELCh or LCh for short
  • CIEHLC or HLC / HCL for short.

This space is based on CIELAB where C and H are used instead of the Cartesian coordinates a* and b*.

Color picker

ColorPicker to explore this color space. 2)



d3 has an hcl and lch constructor.

const color1 = d3.hcl("#075ebb") // hexadecimal RGB
console.log(`hue: ${color1.h} degree`);
console.log(`c: ${color1.c} `);
console.log(`lightness: ${color1.l} `);

Discover More
CSS - Function

A css function is a function that can be used in a CSS property value to calculate complex styling requirement. Css function are mostly used with CSS Variable. Below we define the space unit variable...
Monet Femme Ombrelle 1886 Logo
Color - Picker

A color picker is an ui component that permits to select a color in a colorspace. It may be represented as : a wheel or a scale of each colorspace coordinate One of the most powerful feature of...
Monet Femme Ombrelle 1886 Logo
ColorSpace (Model)

A color space (or model) is a coordinate space where a set of coordinate define an unique color.
Card Puncher Data Processing
Datacadamia - Data all the things

Computer science from a data perspective

Share this page:
Follow us:
Task Runner