О цвете Gainsboro
Gainsboro (gainsboro) — очень светлый приглушённый серый с HEX-кодом #dcdcdc, или rgb(220, 220, 220). В HSL он имеет тон 0°, насыщенность 0% и светлоту 86%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: gainsboro;.
Использование Gainsboro для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст Gainsboro на белом | 1.37 : 1 | не проходит |
| Текст Gainsboro на чёрном | 15.31 : 1 | AAA |
На фоне gainsboro используйте чёрный текст (15.31 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары проверяйте в проверке контраста.
CSS
.element {
color: gainsboro; /* or #dcdcdc */
background-color: #dcdcdc;
border: 1px solid rgb(220 220 220 / 50%);
}
Похожие именованные цвета
Светло-серый (#d3d3d3), Чертополох (#d8bfd8), Лавандовый (#e6e6fa), Антикварно-белый (#faebd7), Бежевый (#f5f5dc), Туманная роза (#ffe4e1).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.