CSS цвят

Indigo

индиго
#4B0082
HEX#4b0082
RGBrgb(75, 0, 130)
HSLhsl(275, 100%, 25%)
OKLCHoklch(33.90% 0.1793 301.68)
ИМЕindigo

Палитра

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

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

Аналогови

±30° от основния нюанс
Лява
#0B0080
Дясна
#800075

Триадични

±120° за хармоничен контраст
Триада 1
#804A00
Триада 2
#00804A

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#AA33FF
По-светъл
#8600E6
Основен
#4B0082
Indigo
По-тъмен
#0F001A
Най-тъмен
#06000A

Употреба в CSS

По име
color: indigo;
background-color: indigo;
По HEX
color: #4b0082;
background-color: #4b0082;
По RGB
color: rgb(75, 0, 130);
background-color: rgb(75, 0, 130);
По HSL
color: hsl(275, 100%, 25%);
background-color: hsl(275, 100%, 25%);

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

Aa
12.95:1
AAA

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

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

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

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

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

HEX кодът за Indigo е #4B0082. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: indigo; или color: #4b0082;

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

Indigo в RGB е rgb(75, 0, 130) — червен канал 75, зелен 0, син 130.

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

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

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

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

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

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

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