TailwindCSS has introduced their v4 version featuring revamped color tokens based on OKLCH, signaling a shift towards this new color standard in web development. As adoption rates for major browsers soar to 93.1%, designers should pay attention to OKLCH, which offers a more intuitive approach to color compared to RGB and HSL. This new color space not only enhances design ergonomics but also provides a wider range of colors with better perceptual uniformity, making it easier to create consistent design systems that are accessible across various modes.
OKLCH is a new system that solves this by offering a color space that's closer to how we actually perceive colors with better ergonomics in design and development experience.
Most designers are familiar with RGB and HSL color spaces, but OKLCH is a new way of thinking about color.
OKLCH supports a wider range of colors with P3 compatibility, meaning 30% more new colors that you can use that are human perceivable comparing to RGB.
OKLCH's perceptual uniformity ensures that color transitions feel natural, simplifying the task of creating a consistent color scale.
Collection
[
|
...
]