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

#A3B48E

R 163 · G 180 · B 142
Зелёный / Непрозрачный sRGB

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

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

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

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

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

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

#A3B48E
RGB · 8 бит
163 / 180 / 142
HSL · градусы / % / %
86,8 / 20,2 / 63,1
HSV · градусы / % / %
86,8 / 21,1 / 70,6
OKLCH · L / C / градусы
0,7466 / 0,0561 / 127,3
CIELAB · белая точка D50
71,22 / -11,25 / 17,39
Относительная яркость
0,42382
Контраст с белым
2,22:1
Контраст с чёрным
9,48:1
CMYK · приближение без профиля
9% / 0% / 21% / 29%

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

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

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

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

Мир бренда#A3B48E
#A3B48E ↗
#90B48E ↗
#EAEEE6 ↗
#272C21 ↗
#191C20 ↗
03 / Компас оттенков

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

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

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

Аналоговый

Триадная

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

04 / СВЕТ И ТЕНЬ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Готовый CSS.

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

:root {
  --color-hex: #a3b48e;
  --color-rgb: rgb(163 180 142);
  --color-hsl: hsl(86.84 20.21% 63.14%);
}

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

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

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

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

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

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