Skip to main content
Open

Add support for OKLCH color space

  • November 2, 2023
  • 0 replies
  • 24 views

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.