О цвете Aqua
Aqua (aqua) — средний, насыщенный циан с HEX-кодом #00ffff, или rgb(0, 255, 255). В HSL он имеет оттенок 180°, насыщенность 100% и светлоту 50%. CSS также принимает написание cyan для того же самого цвета. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому можно написать color: aqua; вместо HEX-значения.
Использование Aqua для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст Aqua на белом | 1.25 : 1 | не проходит |
| Текст Aqua на чёрном | 16.75 : 1 | AAA |
На фоне aqua используйте текст чёрного цвета (16.75 : 1). WCAG требует не менее 4.5 : 1 для основного текста и 3 : 1 для крупного текста. Проверить другие пары можно с помощью проверки контраста.
CSS
.element {
color: aqua; /* or #00ffff */
background-color: #00ffff;
border: 1px solid rgb(0 255 255 / 50%);
}
Похожие именованные цвета
Глубокий небесно-голубой (Deep Sky Blue) (#00bfff), Тёмная бирюза (Dark Turquoise) (#00ced1), Бирюзовый (Turquoise) (#40e0d0), Средняя бирюза (Medium Turquoise) (#48d1cc), Средний весенний зелёный (Medium Spring Green) (#00fa9a), Ярко-синий (Dodger Blue) (#1e90ff).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.