ПАСПОРТ ЦВЕТА / sRGB

#242227

R 36 · G 34 · B 39
Нейтральный / Непрозрачный sRGB

Один цвет.
Отправная точка.
Бесконечные направления.

Относительная яркость этого непрозрачного sRGB-цвета — 1,67%. Изучите измеримые связи и используйте его в работе.

15,75:1на белом
1,33:1на чёрном
01 / Измеримые детали

Узнайте свой цвет.

ЦВЕТОВЕДЕНИЕ / D50

Числа, которые за ним стоят.

#242227
RGB · 8 бит
36 / 34 / 39
HSL · градусы / % / %
264,0 / 6,8 / 14,3
HSV · градусы / % / %
264,0 / 12,8 / 15,3
OKLCH · L / C / градусы
0,2562 / 0,0097 / 303,8
CIELAB · белая точка D50
13,60 / 1,90 / -3,01
Относительная яркость
0,01666
Контраст с белым
15,75:1
Контраст с чёрным
1,33:1
CMYK · приближение без профиля
8% / 13% / 0% / 85%

Тон нейтрального цвета не определён. CMYK — математическое приближение без профиля печати, не предсказывающее совпадение на бумаге. Одни отношения контраста не доказывают полное соответствие WCAG.

Расширенный ввод обрабатывается локально. Проекты используют явно заданный непрозрачный sRGB; альфа и широкий охват требуют показанного действия преобразования.

02 / Цвет в контексте

От значения к визуальному миру.

Мир бренда#242227
#242227 ↗
#272227 ↗
#C9C9CA ↗
#030304 ↗
#191C20 ↗
03 / Компас оттенков

Цветовые связи.

Модель: цветовой круг HSL

Комплементарная

Аналоговый

Триадная

Раздельно-комплементарная

04 / СВЕТ И ТЕНЬ

Измеренная тональная шкала.

Смешение с белым или чёрным в OKLab с последующим отображением в непрозрачный sRGB. Проценты — веса смешения, а не измеренное изменение яркости.

Тона в сторону нейтрального серого.

Смешение с нейтральным серым sRGB #808080 в OKLab с отображением в непрозрачный sRGB. Проценты — веса серого в смеси, а не измеренное снижение насыщенности. Копируйте HEX или перейдите по подписи к точному паспорту цвета.

05 / ТЕКСТ НА ЦВЕТЕ

Прочитайте контраст.

Чёрный текст · 1,33:1

Быстрая бурая лиса перепрыгивает через ленивую собаку.

  • AA обычный (4.5:1): Не соответствует
  • AAA обычный (7:1): Не соответствует
  • AA крупный (3:1): Не соответствует

Белый текст · 15,75:1

Быстрая бурая лиса перепрыгивает через ленивую собаку.

  • AA обычный (4.5:1): Соответствует
  • AAA обычный (7:1): Соответствует
  • AA крупный (3:1): Соответствует

Крупный текст: 24 CSS-пикселя обычного начертания или 18.67 жирного. Оценка использует неокруглённые отношения WCAG. Эти примеры проверяют непрозрачные цвета, но не доказывают полную доступность.

06 / ДЛЯ ВАШЕЙ ТАБЛИЦЫ СТИЛЕЙ

Готовый CSS.

.color-sample {
  background-color: #242227;
  color: #ffffff;
}

:root {
  --color-hex: #242227;
  --color-rgb: rgb(36 34 39);
  --color-hsl: hsl(264.00 6.85% 14.31%);
}

Чёрный или белый текст выбирается по большему контрасту. HSL округлён для отображения; HEX сохраняет точные 8-битные каналы.

08 / РЯДОМ В БИБЛИОТЕКЕ

Сравните близкие цвета.

Ближайшие записи по евклидову расстоянию OKLab × 100. Каждый близкий цвет сохраняет свою идентичность и каноническую страницу.

09 / ГОТОВО К РАБОТЕ

Полный набор выразительных средств.