О светло-сером цвете
Светло-серый (lightgray) — очень светлый, приглушённый серый с HEX-кодом #d3d3d3, или rgb(211, 211, 211). В модели HSL он имеет оттенок 0°, насыщенность 0% и светлоту 83%. В CSS также допустимо написание lightgrey — для того же самого цвета. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lightgray;.
Использование светло-серого для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Светло-серый текст на белом | 1.50 : 1 | не проходит |
| Светло-серый текст на чёрном | 14.03 : 1 | AAA |
На светло-ссером фоне используйте текст чёрного цвета (14.03 : 1). WCAG требует контраст не ниже 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью Проверки контраста.
CSS
.element {
color: lightgray; /* or #d3d3d3 */
background-color: #d3d3d3;
border: 1px solid rgb(211 211 211 / 50%);
}
Похожие именованные цвета
Гейнсборо (#dcdcdc), Чертополох (#d8bfd8), Серебристый (#c0c0c0), Светлый стально-синий (#b0c4de), Порошково-синий (#b0e0e6), Светло-голубой (#add8e6).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.