CSS цвят

Coral

#FF7F50
HEX#ff7f50
RGBrgb(255, 127, 80)
HSLhsl(16, 100%, 66%)
OKLCHoklch(73.51% 0.1680 40.25)
ИМЕcoral

Палитра

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

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

Аналогови

±30° от основния нюанс
Лява
#FF527A
Дясна
#FFD752

Триадични

±120° за хармоничен контраст
Триада 1
#52FF80
Триада 2
#8052FF

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#FFF8F5
По-светъл
#FFCBB8
Основен
#FF7F50
Coral
По-тъмен
#EB3F00
Най-тъмен
#9E2A00

Употреба в CSS

По име
color: coral;
background-color: coral;
По HEX
color: #ff7f50;
background-color: #ff7f50;
По RGB
color: rgb(255, 127, 80);
background-color: rgb(255, 127, 80);
По HSL
color: hsl(16, 100%, 66%);
background-color: hsl(16, 100%, 66%);

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

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

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

Aa
8.40:1
AAA

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

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

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

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

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

Coral в RGB е rgb(255, 127, 80) — червен канал 255, зелен 127, син 80.

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

Coral в HSL е hsl(16, 100%, 66%) — нюанс 16°, насищане 100%, светлина 66%.

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

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

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

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

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