HEX & RGB
Класическите формати на уеба. HEX е компактна шестнадесетична нотация (#ff5733), а RGB използва три стойности 0–255 за червен, зелен и син канал. Универсално поддържани.
Конвертор на Цветове
Превръщайте между HEX, RGB, HSL и OKLCH с един клик, изберете от 148 именувани CSS цвята и копирайте кода веднага.
Нюанс207°
Насищане44%
Светлина49%
HEX
#4682b4RGB
rgb(70, 130, 180)HSL
hsl(207, 44%, 49%)OKLCH
oklch(58.80% 0.0993 245.74)Преглед
#4682B4
Примерен текст върху избрания цвят
HSL
Нюанс (0–360°), Насищане (0–100%), Светлина (0–100%). Интуитивен за дизайнери — лесно сменяте един аспект без да пипате другите.
OKLCH (модерен)
Перцептивно еднакво цветово пространство — стойности, които изглеждат еднакво ярки, имат еднаква светлина (L). Стандарт за съвременен дизайн.
148 именувани CSS цвята
Червени (7)
Розови (8)
Оранжеви (12)
Жълти (13)
Зелени (18)
#7fff00
Chartreuse
#006400
DarkGreen
#556b2f
DarkOliveGreen
#8fbc8f
DarkSeaGreen
#228b22
ForestGreen
#008000
Green
#adff2f
GreenYellow
#7cfc00
LawnGreen
#90ee90
LightGreen
#00ff00
Lime
#32cd32
LimeGreen
#3cb371
MediumSeaGreen
#00fa9a
MediumSpringGreen
#6b8e23
OliveDrab
#98fb98
PaleGreen
#2e8b57
SeaGreen
#00ff7f
SpringGreen
#9acd32
YellowGreen
Циан (12)
Сини (17)
Лилави (17)
Кафяви (9)
Бели (18)
Често задавани въпроси
Какво е разликата между HEX, RGB, HSL и OKLCH?
HEX (#ff0000) и RGB (rgb(255,0,0)) описват цвят чрез интензитета на червен, зелен и син канал. HSL (hsl(0, 100%, 50%)) описва цвят чрез нюанс, насищане и светлина — по-интуитивен за дизайнери. OKLCH е новият стандарт, проектиран да съответства на човешкото възприятие — еднакви разлики в стойностите изглеждат еднакво различни за окото.
Колко са именуваните CSS цветове?
CSS Color Module Level 4 дефинира 148 именувани цвята (без „transparent"). Те включват както основни цветове като red, blue, green, така и описателни като AliceBlue, RebeccaPurple или PapayaWhip. Тази страница изброява всички 148.
Как мога да копирам кода на даден цвят?
Въведете или изберете цвят, и натиснете „Копирай" до желания формат — HEX, RGB, HSL или OKLCH. Можете също да кликнете на който и да е цвят от палитрата, за да видите всичките му стойности.
Какво е допълнителен цвят?
Допълнителният цвят е този, разположен срещу избрания на цветовия кръг — на 180° разстояние. Двойки от допълнителни цветове създават най-силен контраст и често се използват за акценти.
Какво е OKLCH и защо да го използвам?
OKLCH е модерно цветово пространство (на Bjorn Ottosson, 2020), което представя цветовете така, както окото ги възприема. Това означава, че два цвята с еднаква стойност на „светлина" (L) ще изглеждат еднакво ярки — нещо, което HSL не гарантира. Поддържа се във всички съвременни браузъри.
Запазват ли се данните ми?
Не. Всички преобразувания се извършват изцяло в браузъра ви. Никаква информация не се изпраща до сървър и не се съхранява.