CSS цвят
Lavender
#E6E6FA
HEX
#e6e6faRGB
rgb(230, 230, 250)HSL
hsl(240, 67%, 94%)OKLCH
oklch(93.09% 0.0269 285.86)ИМЕ
lavenderПалитра
Допълнителен
180° на цветовия кръгДопълнителен
#FAFAE5
Аналогови
±30° от основния нюансЛява
#E5F0FA
Дясна
#F0E5FA
Триадични
±120° за хармоничен контрастТриада 1
#FAE5E5
Триада 2
#E5FAE5
Нюанси
По-светли и по-тъмни вариантиУпотреба в CSS
По име
color: lavender;
background-color: lavender;По HEX
color: #e6e6fa;
background-color: #e6e6fa;По RGB
color: rgb(230, 230, 250);
background-color: rgb(230, 230, 250);По HSL
color: hsl(240, 67%, 94%);
background-color: hsl(240, 67%, 94%);WCAG контраст с бяло
Aa
1.23:1
Под минимума
WCAG контраст с черно
Aa
17.06:1
AAA
Свързани цветове
Често задавани въпроси за Lavender
Какъв е HEX кодът за Lavender?
HEX кодът за Lavender е #E6E6FA. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: lavender; или color: #e6e6fa;
Какво е стойността на Lavender в RGB?
Lavender в RGB е rgb(230, 230, 250) — червен канал 230, зелен 230, син 250.
Какво е стойността на Lavender в HSL?
Lavender в HSL е hsl(240, 67%, 94%) — нюанс 240°, насищане 67%, светлина 94%.
Кой е допълнителният цвят на Lavender?
Допълнителният цвят (разположен срещу Lavender в цветовия кръг) е #FAFAE5. Двата заедно създават максимален контраст.
Чете ли се бял текст върху Lavender?
WCAG контрастното съотношение с бяло (#FFFFFF) е 1.23:1, а с черно (#000000) — 17.06:1. Черен текст е по-четлив. За нормален текст се препоръчва съотношение от поне 4.5:1.