CSS цвят
RebeccaPurple
#663399
HEX
#663399RGB
rgb(102, 51, 153)HSL
hsl(270, 50%, 40%)OKLCH
oklch(44.03% 0.1603 303.37)ИМЕ
rebeccapurpleПалитра
Допълнителен
180° на цветовия кръгДопълнителен
#669933
Аналогови
±30° от основния нюансЛява
#333399
Дясна
#993399
Триадични
±120° за хармоничен контрастТриада 1
#996633
Триада 2
#339966
Нюанси
По-светли и по-тъмни вариантиУпотреба в CSS
По име
color: rebeccapurple;
background-color: rebeccapurple;По HEX
color: #663399;
background-color: #663399;По RGB
color: rgb(102, 51, 153);
background-color: rgb(102, 51, 153);По HSL
color: hsl(270, 50%, 40%);
background-color: hsl(270, 50%, 40%);WCAG контраст с бяло
Aa
8.41:1
AAA
WCAG контраст с черно
Aa
2.50:1
Под минимума
Свързани цветове
Често задавани въпроси за RebeccaPurple
Какъв е HEX кодът за RebeccaPurple?
HEX кодът за RebeccaPurple е #663399. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: rebeccapurple; или color: #663399;
Какво е стойността на RebeccaPurple в RGB?
RebeccaPurple в RGB е rgb(102, 51, 153) — червен канал 102, зелен 51, син 153.
Какво е стойността на RebeccaPurple в HSL?
RebeccaPurple в HSL е hsl(270, 50%, 40%) — нюанс 270°, насищане 50%, светлина 40%.
Кой е допълнителният цвят на RebeccaPurple?
Допълнителният цвят (разположен срещу RebeccaPurple в цветовия кръг) е #669933. Двата заедно създават максимален контраст.
Чете ли се бял текст върху RebeccaPurple?
WCAG контрастното съотношение с бяло (#FFFFFF) е 8.41:1, а с черно (#000000) — 2.50:1. Бял текст е по-четлив. За нормален текст се препоръчва съотношение от поне 4.5:1.