О цвете «Тёмно-серый»
Тёмно-серый (darkgray) — светлый приглушённый серый цвет с HEX-кодом #a9a9a9, или rgb(169, 169, 169). В HSL он имеет тон 0°, насыщенность 0% и светлоту 66%. CSS также принимает написание darkgrey для того же самого цвета. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому можно написать color: darkgray; вместо HEX-значения.
Использование тёмно-серого для текста и фона
| Пара | Коэффициент контраста | WCAG |
|---|---|---|
| Тёмно-серый текст на белом | 2.35 : 1 | не проходит |
| Тёмно-серый текст на чёрном | 8.94 : 1 | AAA |
На тёмно-сером фоне используйте текст чёрного цвета (8.94 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью Contrast Checker.
CSS
.element {
color: darkgray; /* or #a9a9a9 */
background-color: #a9a9a9;
border: 1px solid rgb(169 169 169 / 50%);
}
Похожие именованные цвета
Серебристый (#c0c0c0), Тёмно-зелёный морской (#8fbc8f), Розово-коричневый (#bc8f8f), Загар (#d2b48c), Светло-стальной синий (#b0c4de), Светло-сланцево-серый (#778899).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.