CSS цвят

Purple

лилав
#800080
HEX#800080
RGBrgb(128, 0, 128)
HSLhsl(300, 100%, 25%)
OKLCHoklch(42.09% 0.1935 328.36)
ИМЕpurple

Палитра

Допълнителен

180° на цветовия кръг

Аналогови

±30° от основния нюанс
Лява
#400080
Дясна
#800040

Триадични

±120° за хармоничен контраст
Триада 1
#7F8000
Триада 2
#007F80

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#FF33FF
По-светъл
#E600E5
Основен
#800080
Purple
По-тъмен
#1A0019
Най-тъмен
#0A000A

Употреба в CSS

По име
color: purple;
background-color: purple;
По HEX
color: #800080;
background-color: #800080;
По RGB
color: rgb(128, 0, 128);
background-color: rgb(128, 0, 128);
По HSL
color: hsl(300, 100%, 25%);
background-color: hsl(300, 100%, 25%);

WCAG контраст с бяло

Aa
9.42:1
AAA

WCAG контраст с черно

Aa
2.23:1
Под минимума

Свързани цветове

Често задавани въпроси за Purple

Какъв е HEX кодът за Purple?

HEX кодът за Purple е #800080. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: purple; или color: #800080;

Какво е стойността на Purple в RGB?

Purple в RGB е rgb(128, 0, 128) — червен канал 128, зелен 0, син 128.

Какво е стойността на Purple в HSL?

Purple в HSL е hsl(300, 100%, 25%) — нюанс 300°, насищане 100%, светлина 25%.

Кой е допълнителният цвят на Purple?

Допълнителният цвят (разположен срещу Purple в цветовия кръг) е #008000. Двата заедно създават максимален контраст.

Чете ли се бял текст върху Purple?

WCAG контрастното съотношение с бяло (#FFFFFF) е 9.42:1, а с черно (#000000) — 2.23:1. Бял текст е по-четлив. За нормален текст се препоръчва съотношение от поне 4.5:1.

← Всички цветове и конвертор