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

#BFAA93

R 191 · G 170 · B 147
Оранжевый / Непрозрачный sRGB

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

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

2,24:1на белом
9,39:1на чёрном
01 / Измеримые детали

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

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

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

#BFAA93
RGB · 8 бит
191 / 170 / 147
HSL · градусы / % / %
31,4 / 25,6 / 66,3
HSV · градусы / % / %
31,4 / 23,0 / 74,9
OKLCH · L / C / градусы
0,7500 / 0,0402 / 69,7
CIELAB · белая точка D50
70,99 / 5,16 / 14,83
Относительная яркость
0,41932
Контраст с белым
2,24:1
Контраст с чёрным
9,39:1
CMYK · приближение без профиля
0% / 11% / 23% / 25%

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

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

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

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

Мир бренда#BFAA93
#BFAA93 ↗
#BEBF93 ↗
#F1ECE7 ↗
#2F2922 ↗
#191C20 ↗
03 / Компас оттенков

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

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

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

Аналоговый

Триадная

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

04 / СВЕТ И ТЕНЬ

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

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

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

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

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

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

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

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

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

Белый текст · 2,24:1

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

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

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

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

Готовый CSS.

.color-sample {
  background-color: #bfaa93;
  color: #000000;
}

:root {
  --color-hex: #bfaa93;
  --color-rgb: rgb(191 170 147);
  --color-hsl: hsl(31.36 25.58% 66.27%);
}

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

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

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

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

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

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