Код оранжевого цвета (#ffa500)

Оранжевый — #ffa500 в HEX и rgb(255, 165, 0), средний насыщенный оранжевый. Ниже все форматы цвета, светлые и тёмные оттенки, цветовые гармонии и читаемость этого цвета в виде текста.

Обновлено

Оранжевый
#ffa500
CSS-названиеorange
Hex#ffa500
RGBrgb(255, 165, 0)
HSLhsl(39 100% 50%)
HWBhwb(39 0% 0%)
CMYK0%, 35%, 100%, 0%

Оттенки и тона

Цветовые гармонии

Об оранжевом цвете

Оранжевый (orange) — средний, яркий оранжевый с HEX-кодом #ffa500, или rgb(255, 165, 0). В HSL его оттенок составляет 39°, насыщенность 100%, яркость 50%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: orange;.

Использование оранжевого для текста и фона

СочетаниеКоэффициент контрастаWCAG
Оранжевый текст на белом1.97 : 1не проходит
Оранжевый текст на чёрном10.63 : 1AAA

На оранжевом фоне используйте текст чёрного цвета (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-код у оранжевого цвета?
#ffa500 — это rgb(255, 165, 0) и hsl(39, 100%, 50%). В CSS можно также просто написать orange.
Читается ли оранжевый текст на белом фоне?
Коэффициент контраста на белом составляет 1.97 : 1, что не соответствует WCAG. Используйте такой цвет для оформления или на тёмном фоне.
Какие цвета хорошо сочетаются с оранжевым?
Его комплементарный цвет — #0059ff; аналогичные цвета #ff2600 и #d9ff00 расположены рядом с ним на цветовом круге.