О фиолетовом цвете
Фиолетовый (violet) — светлый яркий пурпурный цвет с HEX-кодом #ee82ee или rgb(238, 130, 238). В HSL он имеет тон 300°, насыщенность 76% и светлоту 72%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: violet;.
Использование фиолетового для текста и фона
| Сочетание | Коэффициент контрастности | WCAG |
|---|---|---|
| Фиолетовый текст на белом | 2.32 : 1 | не проходит |
| Фиолетовый текст на чёрном | 9.06 : 1 | AAA |
На фиолетовом фоне используйте чёрный текст (9.06 : 1). WCAG требует не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары проверьте в Contrast Checker.
CSS
.element {
color: violet; /* or #ee82ee */
background-color: #ee82ee;
border: 1px solid rgb(238 130 238 / 50%);
}Похожие именованные цвета
Орхидея (#da70d6), Слива (#dda0dd), Ярко-розовый (#ff69b4), Чертополох (#d8bfd8), Светло-розовый (#ffb6c1), Розовый (#ffc0cb).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.
Часто задаваемые вопросы
Какой HEX-код у фиолетового цвета?
#ee82ee — это rgb(238, 130, 238) и hsl(300, 76%, 72%). В CSS можно также просто написать violet.
Читается ли фиолетовый текст на белом фоне?
Коэффициент контрастности на белом составляет 2.32 : 1, что не проходит WCAG. Используйте такой цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с фиолетовым?
Его комплементарный цвет — #81ee81; аналогичные цвета #b881ee и #ee81b8 находятся рядом с ним на цветовом круге.