CSS цвят
Magenta
пурпурен
#FF00FF
HEX
#ff00ffRGB
rgb(255, 0, 255)HSL
hsl(300, 100%, 50%)OKLCH
oklch(70.17% 0.3225 328.36)ИМЕ
magentaПалитра
Допълнителен
180° на цветовия кръгАналогови
±30° от основния нюансЛява
#7F00FF
Дясна
#FF0080
Триадични
±120° за хармоничен контрастНюанси
По-светли и по-тъмни вариантиУпотреба в CSS
По име
color: magenta;
background-color: magenta;По HEX
color: #ff00ff;
background-color: #ff00ff;По RGB
color: rgb(255, 0, 255);
background-color: rgb(255, 0, 255);По HSL
color: hsl(300, 100%, 50%);
background-color: hsl(300, 100%, 50%);WCAG контраст с бяло
Aa
3.14:1
AA (голям текст)
WCAG контраст с черно
Aa
6.70:1
AA
Свързани цветове
Често задавани въпроси за Magenta
Какъв е HEX кодът за Magenta?
HEX кодът за Magenta е #FF00FF. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: magenta; или color: #ff00ff;
Какво е стойността на Magenta в RGB?
Magenta в RGB е rgb(255, 0, 255) — червен канал 255, зелен 0, син 255.
Какво е стойността на Magenta в HSL?
Magenta в HSL е hsl(300, 100%, 50%) — нюанс 300°, насищане 100%, светлина 50%.
Кой е допълнителният цвят на Magenta?
Допълнителният цвят (разположен срещу Magenta в цветовия кръг) е #00FF00. Двата заедно създават максимален контраст.
Чете ли се бял текст върху Magenta?
WCAG контрастното съотношение с бяло (#FFFFFF) е 3.14:1, а с черно (#000000) — 6.70:1. Бял текст е по-четлив. За нормален текст се препоръчва съотношение от поне 4.5:1.