О цвете «Тёмно-фиолетовый»
Тёмно-фиолетовый (darkviolet) — средний, насыщенный пурпурный цвет с HEX-кодом #9400d3, или rgb(148, 0, 211). В HSL он имеет тон 282°, насыщенность 100% и светлоту 41%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: darkviolet;.
Использование тёмно-фиолетового для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Тёмно-фиолетовый текст на белом | 6.56 : 1 | AA |
| Тёмно-фиолетовый текст на чёрном | 3.20 : 1 | AA только для крупного текста |
На тёмно-фиолетовом фоне используйте текст белого цвета (6.56 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие сочетания можно с помощью проверки контраста.
CSS
.element {
color: darkviolet; /* or #9400d3 */
background-color: #9400d3;
border: 1px solid rgb(148 0 211 / 50%);
}
Похожие именованные цвета
Синий фиолетовый (#8a2be2), Тёмная орхидея (#9932cc), Тёмная маджента (#8b008b), Пурпурный (#800080), Ребекка пурпурный (#663399), Средняя орхидея (#ba55d3).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.