#503745
Один цвет.
Отправная точка.
Бесконечные направления.
Относительная яркость этого непрозрачного sRGB-цвета — 4,87%. Изучите измеримые связи и используйте его в работе.
Узнайте свой цвет.
Числа, которые за ним стоят.
#503745- RGB · 8 бит
- 80 / 55 / 69
- HSL · градусы / % / %
- 326,4 / 18,5 / 26,5
- HSV · градусы / % / %
- 326,4 / 31,2 / 31,4
- OKLCH · L / C / градусы
- 0,3705 / 0,0416 / 344,7
- CIELAB · белая точка D50
- 26,40 / 13,37 / -4,02
- Относительная яркость
- 0,04868
- Контраст с белым
- 10,64:1
- Контраст с чёрным
- 1,97:1
- CMYK · приближение без профиля
- 0% / 31% / 14% / 69%
Тон нейтрального цвета не определён. CMYK — математическое приближение без профиля печати, не предсказывающее совпадение на бумаге. Одни отношения контраста не доказывают полное соответствие WCAG.
От значения к визуальному миру.
Цветовые связи.
Измеренная тональная шкала.
Смешение с белым или чёрным в OKLab с последующим отображением в непрозрачный sRGB. Проценты — веса смешения, а не измеренное изменение яркости.
Тона в сторону нейтрального серого.
Смешение с нейтральным серым sRGB #808080 в OKLab с отображением в непрозрачный sRGB. Проценты — веса серого в смеси, а не измеренное снижение насыщенности. Копируйте HEX или перейдите по подписи к точному паспорту цвета.
Прочитайте контраст.
Чёрный текст · 1,97:1
Быстрая бурая лиса перепрыгивает через ленивую собаку.
- AA обычный (4.5:1): Не соответствует
- AAA обычный (7:1): Не соответствует
- AA крупный (3:1): Не соответствует
Белый текст · 10,64:1
Быстрая бурая лиса перепрыгивает через ленивую собаку.
- AA обычный (4.5:1): Соответствует
- AAA обычный (7:1): Соответствует
- AA крупный (3:1): Соответствует
Крупный текст: 24 CSS-пикселя обычного начертания или 18.67 жирного. Оценка использует неокруглённые отношения WCAG. Эти примеры проверяют непрозрачные цвета, но не доказывают полную доступность.
Готовый CSS.
.color-sample {
background-color: #503745;
color: #ffffff;
}
:root {
--color-hex: #503745;
--color-rgb: rgb(80 55 69);
--color-hsl: hsl(326.40 18.52% 26.47%);
}Чёрный или белый текст выбирается по большему контрасту. HSL округлён для отображения; HEX сохраняет точные 8-битные каналы.
Сравните близкие цвета.
Ближайшие записи по евклидову расстоянию OKLab × 100. Каждый близкий цвет сохраняет свою идентичность и каноническую страницу.