CSS цвят

Tomato

#FF6347
HEX#ff6347
RGBrgb(255, 99, 71)
HSLhsl(9, 100%, 64%)
OKLCHoklch(69.62% 0.1955 32.32)
ИМЕtomato

Палитра

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

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

Аналогови

±30° от основния нюанс
Лява
#FF4788
Дясна
#FFBF47

Триадични

±120° за хармоничен контраст
Триада 1
#47FF63
Триада 2
#6347FF

Нюанси

По-светли и по-тъмни варианти
Най-светъл
#FFF6F5
По-светъл
#FFBAAD
Основен
#FF6347
Tomato
По-тъмен
#E02200
Най-тъмен
#941600

Употреба в CSS

По име
color: tomato;
background-color: tomato;
По HEX
color: #ff6347;
background-color: #ff6347;
По RGB
color: rgb(255, 99, 71);
background-color: rgb(255, 99, 71);
По HSL
color: hsl(9, 100%, 64%);
background-color: hsl(9, 100%, 64%);

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

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

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

Aa
7.13:1
AAA

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

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

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

HEX кодът за Tomato е #FF6347. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: tomato; или color: #ff6347;

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

Tomato в RGB е rgb(255, 99, 71) — червен канал 255, зелен 99, син 71.

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

Tomato в HSL е hsl(9, 100%, 64%) — нюанс 9°, насищане 100%, светлина 64%.

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

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

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

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

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