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