Skip to main content
Open

Add support for OKLCH color space


Erlend D. Handeland

Miro presentations are limited to the washed out colors of hex, and are hard to make both beautiful and accessible/inclusive.

OKLCH supported in CSS, and is being adopted big time.

Please include OKLCH for greater color support on modern monitors, with a fallback to hex if someone is on an older screen.

 

https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl

https://oklch.com/

 

oklch() is a new way to define CSS colors. In oklch(L C H) or oklch(L C H / a) each item corresponds as follows: L is perceived lightness ( 0% - 100% ). “Perceived” means that it has consistent lightness for our eyes, unlike L in hsl() . C is chroma, from gray to the most saturated color.

Was it helpful?

0 replies

No replies yet...

Reply