CSS цвят
HotPink
#FF69B4
HEX
#ff69b4RGB
rgb(255, 105, 180)HSL
hsl(330, 100%, 71%)OKLCH
oklch(72.83% 0.1971 351.99)ИМЕ
hotpinkПалитра
Допълнителен
180° на цветовия кръгДопълнителен
#6BFFB5
Аналогови
±30° от основния нюансЛява
#FF6BFF
Дясна
#FF6B6B
Триадични
±120° за хармоничен контрастТриада 1
#B5FF6B
Триада 2
#6BB5FF
Нюанси
По-светли и по-тъмни вариантиУпотреба в CSS
По име
color: hotpink;
background-color: hotpink;По HEX
color: #ff69b4;
background-color: #ff69b4;По RGB
color: rgb(255, 105, 180);
background-color: rgb(255, 105, 180);По HSL
color: hsl(330, 100%, 71%);
background-color: hsl(330, 100%, 71%);WCAG контраст с бяло
Aa
2.65:1
Под минимума
WCAG контраст с черно
Aa
7.93:1
AAA
Свързани цветове
Често задавани въпроси за HotPink
Какъв е HEX кодът за HotPink?
HEX кодът за HotPink е #FF69B4. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: hotpink; или color: #ff69b4;
Какво е стойността на HotPink в RGB?
HotPink в RGB е rgb(255, 105, 180) — червен канал 255, зелен 105, син 180.
Какво е стойността на HotPink в HSL?
HotPink в HSL е hsl(330, 100%, 71%) — нюанс 330°, насищане 100%, светлина 71%.
Кой е допълнителният цвят на HotPink?
Допълнителният цвят (разположен срещу HotPink в цветовия кръг) е #6BFFB5. Двата заедно създават максимален контраст.
Чете ли се бял текст върху HotPink?
WCAG контрастното съотношение с бяло (#FFFFFF) е 2.65:1, а с черно (#000000) — 7.93:1. Бял текст е по-четлив. За нормален текст се препоръчва съотношение от поне 4.5:1.