О цвете Sky Blue
Sky Blue (skyblue) — светлый, насыщенный голубой цвет с HEX-кодом #87ceeb, или rgb(135, 206, 235). В HSL его тон составляет 197°, насыщенность 71%, светлота 73%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: skyblue;.
Использование Sky Blue для текста и фонов
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст Sky Blue на белом | 1.74 : 1 | не проходит |
| Текст Sky Blue на чёрном | 12.06 : 1 | AAA |
На фоне небесно-голубого цвета используйте текст чёрного цвета (12.06 : 1). WCAG требует минимум 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить с помощью Contrast Checker.
CSS
.element {
color: skyblue; /* or #87ceeb */
background-color: #87ceeb;
border: 1px solid rgb(135 206 235 / 50%);
}
Похожие именованные цвета
Светло-небесно-голубой (#87cefa), Светло-голубой (#add8e6), Светло-стальной голубой (#b0c4de), Пудрово-голубой (#b0e0e6), Бледно-бирюзовый (#afeeee), Аквамарин (#7fffd4).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.