CSS цвят
Orange
оранжев
#FFA500
HEX
#ffa500RGB
rgb(255, 165, 0)HSL
hsl(39, 100%, 50%)OKLCH
oklch(79.27% 0.1710 70.67)ИМЕ
orangeПалитра
Допълнителен
180° на цветовия кръгДопълнителен
#0059FF
Аналогови
±30° от основния нюансЛява
#FF2600
Дясна
#D9FF00
Триадични
±120° за хармоничен контрастТриада 1
#00FFA6
Триада 2
#A600FF
Нюанси
По-светли и по-тъмни вариантиУпотреба в 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.