О коричневом цвете
Коричневый (brown) — средний, умеренно насыщенный красный цвет с HEX-кодом #a52a2a или rgb(165, 42, 42). В HSL он имеет тон 0°, насыщенность 59% и светлоту 41%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: brown;.
Использование коричневого для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Коричневый текст на белом | 7.08 : 1 | AAA |
| Коричневый текст на чёрном | 2.96 : 1 | не проходит |
На коричневом фоне используйте белый текст (7.08 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью инструмента Проверка контраста.
CSS
.element {
color: brown; /* or #a52a2a */
background-color: #a52a2a;
border: 1px solid rgb(165 42 42 / 50%);
}Похожие именованные цвета
Огнеупорный красный (#b22222), Сиена (#a0522d), Кожано-коричневый (#8b4513), Малиновый (#dc143c), Тёмно-красный (#8b0000), Бордовый (#800000).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.