CIE Lab color functions for CSS

CSS Working Group has added the lch() and lab() functions to the CSS Color Module Level 4 specification. These are based on the CIE LAB color space, which is able to represent colors in a way that closely matches human perception. The purpose of this intent is to implement the functions lch() and lab() as described in the CSS spec.

Motivation

These new functions will enable design tools and design systems to handle colors with higher richness, fidelity, and flexibility, and improve accessibility. Supporting this functionality will also help unblock other color related additions to CSS.

Documentation

Specification

Editor's draft

Status in Chromium

Blink>CSS


In development (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owner

Search tags

CSS, color, CIE, lab, lhr,

Last updated on 2020-10-25