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

#8E8186

R 142 · G 129 · B 134
Нейтральный / Непрозрачный sRGB

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

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

3,73:1на белом
5,63:1на чёрном
01 / Измеримые детали

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

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

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

#8E8186
RGB · 8 бит
142 / 129 / 134
HSL · градусы / % / %
336,9 / 5,4 / 53,1
HSV · градусы / % / %
336,9 / 9,2 / 55,7
OKLCH · L / C / градусы
0,6164 / 0,0173 / 352,3
CIELAB · белая точка D50
55,28 / 5,79 / -0,83
Относительная яркость
0,23173
Контраст с белым
3,73:1
Контраст с чёрным
5,63:1
CMYK · приближение без профиля
0% / 9% / 6% / 44%

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

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

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

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

Мир бренда#8E8186
#8E8186 ↗
#8E8381 ↗
#E5E2E3 ↗
#211D1E ↗
#191C20 ↗
03 / Компас оттенков

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

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

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

Аналоговый

Триадная

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

04 / СВЕТ И ТЕНЬ

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

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

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

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

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

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

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

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

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

Белый текст · 3,73:1

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

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

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

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

Готовый CSS.

.color-sample {
  background-color: #8e8186;
  color: #000000;
}

:root {
  --color-hex: #8e8186;
  --color-rgb: rgb(142 129 134);
  --color-hsl: hsl(336.92 5.44% 53.14%);
}

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

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

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

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

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

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