#8A9671
Один цвет.
Отправная точка.
Бесконечные направления.
Относительная яркость этого непрозрачного sRGB-цвета — 28,41%. Изучите измеримые связи и используйте его в работе.
Узнайте свой цвет.
Числа, которые за ним стоят.
#8A9671- RGB · 8 бит
- 138 / 150 / 113
- HSL · градусы / % / %
- 79,5 / 15,0 / 51,6
- HSV · градусы / % / %
- 79,5 / 24,7 / 58,8
- OKLCH · L / C / градусы
- 0,6534 / 0,0545 / 122,5
- CIELAB · белая точка D50
- 60,36 / -9,48 / 18,08
- Относительная яркость
- 0,28408
- Контраст с белым
- 3,14:1
- Контраст с чёрным
- 6,68:1
- CMYK · приближение без профиля
- 8% / 0% / 25% / 41%
Тон нейтрального цвета не определён. CMYK — математическое приближение без профиля печати, не предсказывающее совпадение на бумаге. Одни отношения контраста не доказывают полное соответствие WCAG.
От значения к визуальному миру.
Цветовые связи.
Измеренная тональная шкала.
Смешение с белым или чёрным в OKLab с последующим отображением в непрозрачный sRGB. Проценты — веса смешения, а не измеренное изменение яркости.
Тона в сторону нейтрального серого.
Смешение с нейтральным серым sRGB #808080 в OKLab с отображением в непрозрачный sRGB. Проценты — веса серого в смеси, а не измеренное снижение насыщенности. Копируйте HEX или перейдите по подписи к точному паспорту цвета.
Прочитайте контраст.
Чёрный текст · 6,68:1
Быстрая бурая лиса перепрыгивает через ленивую собаку.
- AA обычный (4.5:1): Соответствует
- AAA обычный (7:1): Не соответствует
- AA крупный (3:1): Соответствует
Белый текст · 3,14:1
Быстрая бурая лиса перепрыгивает через ленивую собаку.
- AA обычный (4.5:1): Не соответствует
- AAA обычный (7:1): Не соответствует
- AA крупный (3:1): Соответствует
Крупный текст: 24 CSS-пикселя обычного начертания или 18.67 жирного. Оценка использует неокруглённые отношения WCAG. Эти примеры проверяют непрозрачные цвета, но не доказывают полную доступность.
Готовый CSS.
.color-sample {
background-color: #8a9671;
color: #000000;
}
:root {
--color-hex: #8a9671;
--color-rgb: rgb(138 150 113);
--color-hsl: hsl(79.46 14.98% 51.57%);
}Чёрный или белый текст выбирается по большему контрасту. HSL округлён для отображения; HEX сохраняет точные 8-битные каналы.
Точный цвет, настоящие рецепты.
Поле контуров ↗
Периодическая геометрия, напоминающая контуры, от движка узоров Atlas. Постоянные зерно, размер плитки и толщина линий каждый раз воспроизводят одно поле.
Цветовая палитраОливковый камень ↗
Оливковый, глина и меловые поверхности создают светлую палитру с низкой насыщенностью.
Бесшовный SVG-узорЭтюд: Поле точек ↗
Одинаковые круглые точки расположены в центрах квадратной решётки. Плотность меняет число точек, а толщина штриха управляет их радиусом.
Бесшовный SVG-узорЭтюд: Пути сигнала ↗
Горизонтальные дорожки, определяемые начальным значением генератора, делают короткие диагональные обходы через круглые узлы и возвращаются в тот же ряд на обоих краях плитки.
Бесшовный SVG-узорЭтюд: Ромбическая решётка ↗
Незаполненные ромбы соприкасаются вершинами на квадратной сетке. Небольшая акцентная точка в центре различает ячейки, не заполняя их.
Сравните близкие цвета.
Ближайшие записи по евклидову расстоянию OKLab × 100. Каждый близкий цвет сохраняет свою идентичность и каноническую страницу.