О цвете Thistle
Thistle (thistle) — очень светлый, приглушённый пурпурный цвет с HEX-кодом #d8bfd8, или rgb(216, 191, 216). В модели HSL он имеет тон 300°, насыщенность 24% и светлоту 80%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: thistle;.
Использование Thistle для текста и фонов
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст thistle на белом | 1.70 : 1 | не проходит |
| Текст thistle на чёрном | 12.36 : 1 | AAA |
На фоне thistle используйте текст чёрного цвета (12.36 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно в проверке контраста.
CSS
.element {
color: thistle; /* or #d8bfd8 */
background-color: #d8bfd8;
border: 1px solid rgb(216 191 216 / 50%);
}
Похожие именованные цвета
Светло-серый (#d3d3d3), Gainsboro (#dcdcdc), Сливовый (#dda0dd), Серебристый (#c0c0c0), Светлый стально-синий (#b0c4de), Розовый (#ffc0cb).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.