О цвете Alice Blue
Alice Blue (aliceblue) — очень светлый, яркий синий цвет с HEX-кодом #f0f8ff, или rgb(240, 248, 255). В HSL он имеет тон 208°, насыщенность 100% и светлоту 97%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: aliceblue;.
Использование Alice Blue для текста и фонов
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст Alice Blue на белом | 1.07 : 1 | не проходит |
| Текст Alice Blue на чёрном | 19.58 : 1 | AAA |
На фоне цвета Alice Blue используйте текст чёрного цвета (19.58 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие сочетания можно в Contrast Checker.
CSS
.element {
color: aliceblue; /* or #f0f8ff */
background-color: #f0f8ff;
border: 1px solid rgb(240 248 255 / 50%);
}
Похожие именованные цвета
Лазурный (#f0ffff), Призрачно-белый (#f8f8ff), Мятно-кремовый (#f5fffa), Белый дым (#f5f5f5), Снег (#fffafa), Медовая роса (#f0fff0).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.