CSS цвят
BlueViolet
#8A2BE2
HEX
#8a2be2RGB
rgb(138, 43, 226)HSL
hsl(271, 76%, 53%)OKLCH
oklch(53.38% 0.2503 301.37)ИМЕ
bluevioletПалитра
Допълнителен
180° на цветовия кръгДопълнителен
#84E22C
Аналогови
±30° от основния нюансЛява
#2F2CE2
Дясна
#E22CDF
Триадични
±120° за хармоничен контрастТриада 1
#E28A2C
Триада 2
#2CE28A
Нюанси
По-светли и по-тъмни вариантиУпотреба в CSS
По име
color: blueviolet;
background-color: blueviolet;По HEX
color: #8a2be2;
background-color: #8a2be2;По RGB
color: rgb(138, 43, 226);
background-color: rgb(138, 43, 226);По HSL
color: hsl(271, 76%, 53%);
background-color: hsl(271, 76%, 53%);WCAG контраст с бяло
Aa
5.96:1
AA
WCAG контраст с черно
Aa
3.52:1
AA (голям текст)
Свързани цветове
Често задавани въпроси за BlueViolet
Какъв е HEX кодът за BlueViolet?
HEX кодът за BlueViolet е #8A2BE2. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: blueviolet; или color: #8a2be2;
Какво е стойността на BlueViolet в RGB?
BlueViolet в RGB е rgb(138, 43, 226) — червен канал 138, зелен 43, син 226.
Какво е стойността на BlueViolet в HSL?
BlueViolet в HSL е hsl(271, 76%, 53%) — нюанс 271°, насищане 76%, светлина 53%.
Кой е допълнителният цвят на BlueViolet?
Допълнителният цвят (разположен срещу BlueViolet в цветовия кръг) е #84E22C. Двата заедно създават максимален контраст.
Чете ли се бял текст върху BlueViolet?
WCAG контрастното съотношение с бяло (#FFFFFF) е 5.96:1, а с черно (#000000) — 3.52:1. Бял текст е по-четлив. За нормален текст се препоръчва съотношение от поне 4.5:1.