О цвете Тёмный сланцево-серый
Тёмный сланцево-серый (darkslategray) — тёмный, умеренно насыщенный циан с HEX-кодом #2f4f4f, или rgb(47, 79, 79). В HSL он имеет тон 180°, насыщенность 25% и светлоту 25%. CSS также принимает написание darkslategrey для того же самого цвета. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому можно написать color: darkslategray; вместо HEX-значения.
Использование тёмного сланцево-серого для текста и фона
| Пара | Коэффициент контраста | WCAG |
|---|---|---|
| Тёмный сланцево-серый текст на белом | 8.93 : 1 | AAA |
| Тёмный сланцево-серый текст на чёрном | 2.35 : 1 | не проходит |
На фоне тёмного сланцево-серого используйте белый текст (8.93 : 1). WCAG требует не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью проверки контраста.
CSS
.element {
color: darkslategray; /* or #2f4f4f */
background-color: #2f4f4f;
border: 1px solid rgb(47 79 79 / 50%);
}Похожие именованные цвета
Тёмный оливково-зелёный (#556b2f), Морской зелёный (#2e8b57), Полуночно-синий (#191970), Тёмный сланцево-синий (#483d8b), Тусклый серый (#696969), Лесной зелёный (#228b22).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.