CSS цвят
OrangeRed
#FF4500
HEX
#ff4500RGB
rgb(255, 69, 0)HSL
hsl(16, 100%, 50%)OKLCH
oklch(66.02% 0.2294 35.40)ИМЕ
orangeredПалитра
Допълнителен
180° на цветовия кръгДопълнителен
#00BBFF
Аналогови
±30° от основния нюансЛява
#FF003B
Дясна
#FFC300
Триадични
±120° за хармоничен контрастТриада 1
#00FF44
Триада 2
#4400FF
Нюанси
По-светли и по-тъмни вариантиУпотреба в CSS
По име
color: orangered;
background-color: orangered;По HEX
color: #ff4500;
background-color: #ff4500;По RGB
color: rgb(255, 69, 0);
background-color: rgb(255, 69, 0);По HSL
color: hsl(16, 100%, 50%);
background-color: hsl(16, 100%, 50%);WCAG контраст с бяло
Aa
3.44:1
AA (голям текст)
WCAG контраст с черно
Aa
6.10:1
AA
Свързани цветове
Често задавани въпроси за OrangeRed
Какъв е HEX кодът за OrangeRed?
HEX кодът за OrangeRed е #FF4500. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: orangered; или color: #ff4500;
Какво е стойността на OrangeRed в RGB?
OrangeRed в RGB е rgb(255, 69, 0) — червен канал 255, зелен 69, син 0.
Какво е стойността на OrangeRed в HSL?
OrangeRed в HSL е hsl(16, 100%, 50%) — нюанс 16°, насищане 100%, светлина 50%.
Кой е допълнителният цвят на OrangeRed?
Допълнителният цвят (разположен срещу OrangeRed в цветовия кръг) е #00BBFF. Двата заедно създават максимален контраст.
Чете ли се бял текст върху OrangeRed?
WCAG контрастното съотношение с бяло (#FFFFFF) е 3.44:1, а с черно (#000000) — 6.10:1. Бял текст е по-четлив. За нормален текст се препоръчва съотношение от поне 4.5:1.