0

Закодировано

Цвет Oklch

О цвете Oklch

Цвет Oklch — это перцепционное цветовое пространство, представляющее цвета с помощью светлоты, хромы и оттенка. Оно использует ту же идею, что и Oklab, но выражает цвет через хрому и угол, поэтому интенсивность и оттенок проще настраивать отдельно.

КомпонентЗначениеПример значения
L: СветлотаОбозначает светлоту цвета. 0% — чёрный, 100% — белый.60%
C: ХромаОбозначает насыщенность цвета. 0 — ахроматический цвет, большие значения дают более яркие цвета.0.2
H: ОттенокОбозначает оттенок как угол.90deg

Например, основные цвета, такие как красный, можно представить следующим образом.

ЦветOklch записьЗапись RGB
Красныйoklch(62.8% 0.2577 29.23deg)rgb(255 0 0)
Зелёныйoklch(51.98% 0.1769 142.5deg)rgb(0 128 0)
Лаймoklch(86.64% 0.2948 142.5deg)rgb(0 255 0)
Синийoklch(45.2% 0.3132 264.05deg)rgb(0 0 255)
Белыйoklch(100% 0 0deg)rgb(255 255 255)
Чёрныйoklch(0% 0 0deg)rgb(0 0 0)

Чтобы добавить прозрачность, укажите альфа-значение. Например, полупрозрачный красный можно представить как oklch(62.8% 0.2577 29.23deg / 0.5).

Обработка светлоты, хромы и оттенка

Обозначает светлоту цвета. 0% — чёрный, 100% — белый Значения ниже 0% считаются 0%, выше 100% ограничиваются 100%.

Обозначает насыщенность цвета. 0 — ахроматический цвет, большие значения дают более яркие цвета. Отрицательная хрома считается 0. Когда хрома равна 0, цвет становится ахроматическим, а оттенок считается 0deg.

Оттенок обрабатывается как угол. oklch(62.8% 0.2577 389.23deg) считается тем же цветом, что и oklch(62.8% 0.2577 29.23deg).

Разница между Oklch и Oklab

Oklab представляет цвета прямоугольными координатами a и b. Oklch преобразует этот цвет в хрому и оттенок.

Разница между Oklch и LCH

Oklch спроектирован так, чтобы визуальные изменения были более равномерными, чем в LCH, при изменении оттенка или хромы.