О цвете Orchid
Orchid (orchid) — светлый, умеренно насыщенный пурпурный цвет с HEX-кодом #da70d6, или rgb(218, 112, 214). В HSL его тон составляет 302°, насыщенность 59%, светлота 65%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: orchid;.
Использование Orchid для текста и фонов
| Сочетание | Коэффициент контрастности | WCAG |
|---|---|---|
| Текст Orchid на белом | 2.89 : 1 | не проходит |
| Текст Orchid на чёрном | 7.27 : 1 | AAA |
На фоне цвета orchid используйте текст чёрного цвета (7.27 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью проверки контраста.
CSS
.element {
color: orchid; /* or #da70d6 */
background-color: #da70d6;
border: 1px solid rgb(218 112 214 / 50%);
}Похожие именованные цвета
Фиолетовый (#ee82ee), Средняя орхидея (#ba55d3), Слива (#dda0dd), Ярко-розовый (#ff69b4), Бледно-фиолетово-красный (#db7093), Средний пурпурный (#9370db).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.