"oklch is a newer color model that is designed to be perceptually uniform. This means that colors are much more accurate in terms of how humans perceive them and it makes working with them much easier. Before being able to understand how oklch differs from the other color models, it is important to understand some of the basic color concepts. Color models are systems to describe colors. These include rgb, hsl, lch, oklch and more."
"oklch, same as lch, consists of three values: Lightness, Chroma and Hue. The difference between the two is the underlying color space that the color model uses, which in case of OKLCH, is OKLab. Lightness - Controls color brightness. Measured in values between 0 and 1 or percentage ranging from 0% to 100%. Chroma - Controls intensity of the color, similar to saturation. Hue - Controls the hue, measured in degrees ranging from 0 to 360."
Color models are systems that represent colors, including RGB, HSL, LCH and OKLCH. Gamut defines the range of reproducible colors, with common gamuts including sRGB and Display-P3. Color spaces additionally specify attributes such as white point and transfer function. OKLCH uses OKLab as its underlying color space and encodes colors with Lightness, Chroma and Hue. Lightness controls brightness (0–1 or 0–100%), Chroma controls color intensity, and Hue specifies angle (0–360°). Perceptual uniformity in OKLCH lets designers keep Lightness and Chroma constant while varying Hue to create visually consistent palettes, avoiding non-uniform results from models like HSL.
Read at Jakub
Unable to calculate read time
Collection
[
|
...
]