CSS цвят

Orange

оранжев
#FFA500
HEX#ffa500
RGBrgb(255, 165, 0)
HSLhsl(39, 100%, 50%)
OKLCHoklch(79.27% 0.1710 70.67)
ИМЕorange

Палитра

Допълнителен

180° на цветовия кръг
Допълнителен
#0059FF

Аналогови

±30° от основния нюанс
Лява
#FF2600
Дясна
#D9FF00

Триадични

±120° за хармоничен контраст
Триада 1
#00FFA6
Триада 2
#A600FF

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#FFE4B3
По-светъл
#FFC966
Основен
#FFA500
Orange
По-тъмен
#996300
Най-тъмен
#4D3200

Употреба в CSS

По име
color: orange;
background-color: orange;
По HEX
color: #ffa500;
background-color: #ffa500;
По RGB
color: rgb(255, 165, 0);
background-color: rgb(255, 165, 0);
По HSL
color: hsl(39, 100%, 50%);
background-color: hsl(39, 100%, 50%);

WCAG контраст с бяло

Aa
1.97:1
Под минимума

WCAG контраст с черно

Aa
10.63:1
AAA

Свързани цветове

Често задавани въпроси за Orange

Какъв е HEX кодът за Orange?

HEX кодът за Orange е #FFA500. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: orange; или color: #ffa500;

Какво е стойността на Orange в RGB?

Orange в RGB е rgb(255, 165, 0) — червен канал 255, зелен 165, син 0.

Какво е стойността на Orange в HSL?

Orange в HSL е hsl(39, 100%, 50%) — нюанс 39°, насищане 100%, светлина 50%.

Кой е допълнителният цвят на Orange?

Допълнителният цвят (разположен срещу Orange в цветовия кръг) е #0059FF. Двата заедно създават максимален контраст.

Чете ли се бял текст върху Orange?

WCAG контрастното съотношение с бяло (#FFFFFF) е 1.97:1, а с черно (#000000) — 10.63:1. Бял текст е по-четлив. За нормален текст се препоръчва съотношение от поне 4.5:1.

← Всички цветове и конвертор