О цвете Rebecca Purple
Rebecca Purple (rebeccapurple) — средний, умеренно насыщенный фиолетовый цвет с HEX-кодом #663399, или rgb(102, 51, 153). В HSL он имеет тон 270°, насыщенность 50% и светлоту 40%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: rebeccapurple;.
Использование Rebecca Purple для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст Rebecca Purple на белом | 8.41 : 1 | AAA |
| Текст Rebecca Purple на чёрном | 2.50 : 1 | не проходит |
На фоне rebecca purple используйте текст белого цвета (8.41 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью Contrast Checker.
CSS
.element {
color: rebeccapurple; /* or #663399 */
background-color: #663399;
border: 1px solid rgb(102 51 153 / 50%);
}Похожие именованные цвета
Тёмно-сланцевый синий (#483d8b), Индиго (#4b0082), Фиолетовый (#800080), Тёмно-пурпурный (#8b008b), Сланцево-синий (#6a5acd), Тёмная орхидея (#9932cc).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.