CSS цвят

Red

червен
#FF0000
HEX#ff0000
RGBrgb(255, 0, 0)
HSLhsl(0, 100%, 50%)
OKLCHoklch(62.80% 0.2577 29.23)
ИМЕred

Палитра

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

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

Аналогови

±30° от основния нюанс
Лява
#FF0080
Дясна
#FF8000

Триадични

±120° за хармоничен контраст

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#FFB3B3
По-светъл
#FF6666
Основен
#FF0000
Red
По-тъмен
#990000
Най-тъмен
#4D0000

Употреба в CSS

По име
color: red;
background-color: red;
По HEX
color: #ff0000;
background-color: #ff0000;
По RGB
color: rgb(255, 0, 0);
background-color: rgb(255, 0, 0);
По HSL
color: hsl(0, 100%, 50%);
background-color: hsl(0, 100%, 50%);

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

Aa
4.00:1
AA (голям текст)

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

Aa
5.25:1
AA

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

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

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

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

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

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

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

Red в HSL е hsl(0, 100%, 50%) — нюанс 0°, насищане 100%, светлина 50%.

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

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

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

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

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