О цвете Teal
Teal (teal) — тёмный яркий циан с HEX-кодом #008080, или rgb(0, 128, 128). В HSL он имеет оттенок 180°, насыщенность 100% и светлоту 25%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: teal;.
Использование Teal для текста и фона
| Пара цветов | Коэффициент контраста | WCAG |
|---|---|---|
| Текст бирюзового цвета на белом | 4.77 : 1 | AA |
| Текст бирюзового цвета на чёрном | 4.40 : 1 | только AA для крупного текста |
На бирюзовом фоне используйте белый текст (4.77 : 1). WCAG требует не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить в проверке контраста.
CSS
.element {
color: teal; /* or #008080 */
background-color: #008080;
border: 1px solid rgb(0 128 128 / 50%);
}Похожие именованные цвета
Тёмный циан (#008b8b), Морская зелень (#2e8b57), Светлая морская зелень (#20b2aa), Средняя морская зелень (#3cb371), Тёмный сланцево-серый (#2f4f4f), Стальной синий (#4682b4).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.