CSS цвят

Violet

виолетов
#EE82EE
HEX#ee82ee
RGBrgb(238, 130, 238)
HSLhsl(300, 76%, 72%)
OKLCHoklch(76.19% 0.1861 327.21)
ИМЕviolet

Палитра

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

180° на цветовия кръг
Допълнителен
#81EE81

Аналогови

±30° от основния нюанс
Лява
#B881EE
Дясна
#EE81B8

Триадични

±120° за хармоничен контраст
Триада 1
#EEEE81
Триада 2
#81EEEE

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#FEF6FE
По-светъл
#FADBFA
Основен
#EE82EE
Violet
По-тъмен
#E228E2
Най-тъмен
#A617A6

Употреба в CSS

По име
color: violet;
background-color: violet;
По HEX
color: #ee82ee;
background-color: #ee82ee;
По RGB
color: rgb(238, 130, 238);
background-color: rgb(238, 130, 238);
По HSL
color: hsl(300, 76%, 72%);
background-color: hsl(300, 76%, 72%);

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

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

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

Aa
9.06:1
AAA

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

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

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

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

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

Violet в RGB е rgb(238, 130, 238) — червен канал 238, зелен 130, син 238.

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

Violet в HSL е hsl(300, 76%, 72%) — нюанс 300°, насищане 76%, светлина 72%.

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

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

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

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

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