CSS цвят
AliceBlue
#F0F8FF
HEX
#f0f8ffRGB
rgb(240, 248, 255)HSL
hsl(208, 100%, 97%)OKLCH
oklch(97.51% 0.0127 244.25)ИМЕ
aliceblueПалитра
Допълнителен
180° на цветовия кръгДопълнителен
#FFF7F0
Аналогови
±30° от основния нюансЛява
#F0FFFE
Дясна
#F0F0FF
Триадични
±120° за хармоничен контрастТриада 1
#FFF0F8
Триада 2
#F8FFF0
Нюанси
По-светли и по-тъмни вариантиУпотреба в CSS
По име
color: aliceblue;
background-color: aliceblue;По HEX
color: #f0f8ff;
background-color: #f0f8ff;По RGB
color: rgb(240, 248, 255);
background-color: rgb(240, 248, 255);По HSL
color: hsl(208, 100%, 97%);
background-color: hsl(208, 100%, 97%);WCAG контраст с бяло
Aa
1.07:1
Под минимума
WCAG контраст с черно
Aa
19.58:1
AAA
Свързани цветове
Често задавани въпроси за AliceBlue
Какъв е HEX кодът за AliceBlue?
HEX кодът за AliceBlue е #F0F8FF. Това е една от 148-те именувани CSS цветове и може да се използва директно в CSS като color: aliceblue; или color: #f0f8ff;
Какво е стойността на AliceBlue в RGB?
AliceBlue в RGB е rgb(240, 248, 255) — червен канал 240, зелен 248, син 255.
Какво е стойността на AliceBlue в HSL?
AliceBlue в HSL е hsl(208, 100%, 97%) — нюанс 208°, насищане 100%, светлина 97%.
Кой е допълнителният цвят на AliceBlue?
Допълнителният цвят (разположен срещу AliceBlue в цветовия кръг) е #FFF7F0. Двата заедно създават максимален контраст.
Чете ли се бял текст върху AliceBlue?
WCAG контрастното съотношение с бяло (#FFFFFF) е 1.07:1, а с черно (#000000) — 19.58:1. Черен текст е по-четлив. За нормален текст се препоръчва съотношение от поне 4.5:1.