Об оранжевом цвете
Оранжевый (orange) — средний, яркий оранжевый с HEX-кодом #ffa500, или rgb(255, 165, 0). В HSL его оттенок составляет 39°, насыщенность 100%, яркость 50%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: orange;.
Использование оранжевого для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Оранжевый текст на белом | 1.97 : 1 | не проходит |
| Оранжевый текст на чёрном | 10.63 : 1 | AAA |
На оранжевом фоне используйте текст чёрного цвета (10.63 : 1). WCAG требует не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие сочетания можно с помощью проверки контрастности.
CSS
.element {
color: orange; /* or #ffa500 */
background-color: #ffa500;
border: 1px solid rgb(255 165 0 / 50%);
}
Похожие именованные цвета
Тёмно-оранжевый (#ff8c00), Goldenrod (#daa520), Золотой (#ffd700), Тёмный goldenrod (#b8860b), Шоколадный (#d2691e), Перуанский (#cd853f).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.