О светло-голубом цвете
Светло-голубой (lightblue) — светлый синий цвет средней насыщенности с HEX-кодом #add8e6, или rgb(173, 216, 230). В HSL его тон составляет 195°, насыщенность 53%, светлота 79%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lightblue;.
Использование светло-голубого для текста и фонов
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Светло-голубой текст на белом | 1.53 : 1 | не проходит |
| Светло-голубой текст на чёрном | 13.74 : 1 | AAA |
На светло-голубом фоне используйте текст чёрного цвета (13.74 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью Contrast Checker.
CSS
.element {
color: lightblue; /* or #add8e6 */
background-color: #add8e6;
border: 1px solid rgb(173 216 230 / 50%);
}
Похожие именованные цвета
Пудрово-синий (#b0e0e6), Светлый стальной синий (#b0c4de), Бледно-бирюзовый (#afeeee), Небесно-голубой (#87ceeb), Светло-серый (#d3d3d3), Светло-небесно-голубой (#87cefa).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.