О цвете Azure
Azure (azure) — очень светлый, яркий голубой цвет с HEX-кодом #f0ffff, или rgb(240, 255, 255). В HSL он имеет тон 180°, насыщенность 100% и светлоту 97%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: azure;.
Использование Azure в тексте и фонах
| Пара цветов | Коэффициент контраста | WCAG |
|---|---|---|
| Текст Azure на белом | 1.03 : 1 | не проходит |
| Текст Azure на чёрном | 20.45 : 1 | AAA |
На фоне azure используйте чёрный текст (20.45 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью проверки контраста.
CSS
.element {
color: azure; /* or #f0ffff */
background-color: #f0ffff;
border: 1px solid rgb(240 255 255 / 50%);
}Похожие именованные цвета
Alice Blue (#f0f8ff), Mint Cream (#f5fffa), Ghost White (#f8f8ff), Honey Dew (#f0fff0), White (#ffffff), White Smoke (#f5f5f5).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.
Часто задаваемые вопросы
Какой HEX-код у цвета azure?
#f0ffff — это rgb(240, 255, 255) и hsl(180, 100%, 97%). В CSS можно просто написать azure.
Читается ли текст цвета azure на белом?
Коэффициент контраста на белом — 1.03 : 1, что не соответствует WCAG. Используйте такой цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с azure?
Дополнительный цвет — #fff0f0; аналогичные #f0fff7 и #f0f7ff находятся рядом с ним на цветовом круге.