Цвет

Пипетка OKLCH

Подбор цвета в OKLCH: светлота, насыщенность и тон по отдельности. Показывает, где цвет выходит за sRGB, и переводит его в HEX и display-p3.

Координаты

Светлота L: 52% Насыщенность C: 0.220 Тон H: 271°

Насыщенность при этих L и H

Полупрозрачные клетки монитор sRGB показать не может — он покажет ближайший цвет.

Пипетка

Любая запись цвета

Цвет попадает в sRGB.

В display-p3 помещается: на современных экранах будет ярче.

OKLCH

oklch(52% 0.22 271)

HEX (после обрезки в sRGB)

#4052e4

display-p3

color(display-p3 0.2657 0.3193 0.8632)

rgb()

rgb(64 82 228)

Переменная CSS с запасным цветом

:root {
  --brand: #4052e4;
}

@supports (color: oklch(0% 0 0)) {
  :root {
    --brand: oklch(52% 0.22 271);
  }
}