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

#71745A

R 113 · G 116 · B 90
Жёлтый / Непрозрачный sRGB

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

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

4,83:1на белом
4,35:1на чёрном
01 / Измеримые детали

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

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

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

#71745A
RGB · 8 бит
113 / 116 / 90
HSL · градусы / % / %
66,9 / 12,6 / 40,4
HSV · градусы / % / %
66,9 / 22,4 / 45,5
OKLCH · L / C / градусы
0,5490 / 0,0388 / 113,0
CIELAB · белая точка D50
48,02 / -4,75 / 14,03
Относительная яркость
0,16740
Контраст с белым
4,83:1
Контраст с чёрным
4,35:1
CMYK · приближение без профиля
3% / 0% / 22% / 55%

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

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

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

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

Мир бренда#71745A
#71745A ↗
#64745A ↗
#DEDFD9 ↗
#181911 ↗
#191C20 ↗
03 / Компас оттенков

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

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

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

Аналоговый

Триадная

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

04 / СВЕТ И ТЕНЬ

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

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

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

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

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

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

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

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

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

Белый текст · 4,83:1

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

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

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

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

Готовый CSS.

.color-sample {
  background-color: #71745a;
  color: #ffffff;
}

:root {
  --color-hex: #71745a;
  --color-rgb: rgb(113 116 90);
  --color-hsl: hsl(66.92 12.62% 40.39%);
}

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

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

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

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

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

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