Об индиго
Индиго (indigo) — тёмный, насыщенный фиолетовый цвет с HEX-кодом #4b0082, или rgb(75, 0, 130). В HSL его оттенок — 275°, насыщенность — 100%, светлота — 25%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: indigo;.
Использование индиго для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст индиго на белом | 12.95 : 1 | AAA |
| Текст индиго на чёрном | 1.62 : 1 | не проходит |
На фоне индиго используйте текст белого цвета (12.95 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие сочетания можно в проверке контраста.
CSS
.element {
color: indigo; /* or #4b0082 */
background-color: #4b0082;
border: 1px solid rgb(75 0 130 / 50%);
}Похожие именованные цвета
Фиолетовый (#800080), Полуночно-синий (#191970), Тёмно-сланцево-синий (#483d8b), Пурпурный Ребекки (#663399), Тёмная маджента (#8b008b), Тёмно-синий (#000080).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.