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