Код цвета Aqua (#00ffff)

Aqua — это #00ffff в HEX и rgb(0, 255, 255), средний голубой (циан). Ниже: все форматы цвета, оттенки и тона, гармонии и то, насколько он читаем как текст.

Обновлено

Aqua
#00ffff
Имя в CSSaqua (также cyan)
Hex#00ffff
RGBrgb(0, 255, 255)
HSLhsl(180 100% 50%)
HWBhwb(180 0% 0%)
CMYK100%, 0%, 0%, 0%

Оттенки и тона

Цветовые гармонии

О цвете 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 : 1AAA

На фоне 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-код у aqua?
#00ffff — это rgb(0, 255, 255) и hsl(180, 100%, 50%). В CSS можно также просто написать aqua.
Читается ли текст цвета aqua на белом?
Коэффициент контраста с белым — 1.25 : 1, что не проходит WCAG. Используйте его для оформления или на тёмном фоне.
Какие цвета сочетаются с aqua?
Комплементарный цвет — #ff0000; аналогичные #00ff80 и #0080ff находятся рядом с ним на цветовом круге.