Конвертор на цветове

Q: Защо стойността ми в LAB се различава от друг конвертор?

Най вероятно заради бялата точка. Този инструмент използва D50, както CSS lab . Конверторите, базирани на D65, дават малко по различни числа. И двата варианта са верни в собствената си референция.

Q: Мога ли да конвертирам CMYK в HEX?

Да. Въведете нещо като cmyk 0%, 61%, 72%, 0% или cmyk 0, 0.61, 0.72, 0 . Имайте предвид, че резултатът е приближение без цветови профил.

Q: Приема ли цветове без знака #?

Да. ff6347 , f64 и дори три числа, разделени със запетаи, като 255, 99, 71 , се разпознават.

Конвертор на цветове

Конвертирайте цвят между HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH и OKLCH. Поставете код, вижте цвета и копирайте всеки формат с едно щракване.

Вход

Примери:

Преобразувания

CMYK е опростено преобразуване без ICC профил. За печат поискайте от вашата печатница преобразуване с профил.

Как да използвате конвертора на цветове

Въведете или поставете цвят в полето Вход. Форматът се разпознава автоматично: #FF6347, FF6347, rgb(255 99 71), 255, 99, 71, hsl(9 100% 64%), hsv(9, 72%, 100%), cmyk(0, 61, 72, 0), lab(63% 59 48), oklch(70% 0.2 32) или име като tomato.
Преобразуванията се появяват, докато пишете. Можете и да натиснете Enter или да щракнете върху Конвертирай.
Погледнете цветовата проба: тя показва цвета и Разпознат формат, така че да знаете как е прочетен въведеният от вас код.
Щракнете върху Копирай до формата, който ви трябва. Използвайте бутоните с примери, за да изпробвате често срещани стойности.

Преобразуването се извършва изцяло във вашия браузър. Нищо от въведеното не се изпраща към сървър.

Поддържани формати

Формат	Пример	Типична употреба
HEX	`#FF6347`	HTML, CSS, дизайнерски програми
RGB	`rgb(255, 99, 71)`	CSS, код, редактори на изображения
HSL	`hsl(9, 100%, 64%)`	CSS, промяна на светлината
HSV / HSB	`hsv(9, 72%, 100%)`	Photoshop, Figma, палитри за избор
HWB	`hwb(9 28% 0%)`	CSS Color 4
CMYK	`cmyk(0%, 61%, 72%, 0%)`	печат (вижте бележката по-долу)
LAB (D50)	`lab(62.99% 59.36 47.88)`	CSS `lab()`, наука за цвета
LCH	`lch(62.99% 76.27 38.89)`	CSS `lch()`
OKLCH	`oklch(69.62% 0.1955 32.32)`	съвременен CSS, дизайн системи

Резултатите в HEX, RGB, HSL, HWB, LAB, LCH и OKLCH са валиден CSS, който можете да поставите направо в стилов файл. HSV и CMYK не са CSS нотации, затова са записани в обичайния функционален стил за четене.

Ако въведеният цвят има прозрачност (например rgb(255 0 0 / 50%)), конверторът я запазва: HEX става осемцифрен код като #FF000080, а останалите формати получават алфа стойност.

Как работят преобразуванията

RGB, HEX, HSL, HSV и HWB са различни начини за записване на едни и същи sRGB стойности, така че се преобразуват точно (с точност до закръгляването). LAB и LCH следват определението на CSS Color 4, което използва бялата точка D50 с хроматична адаптация по Брадфорд. Някои онлайн конвертори използват D65, така че техните LAB числа може да се различават с няколко единици за същия цвят. OKLCH използва модела Oklab на Бьорн Отосон, който браузърите прилагат за oklch().

Когато въведете LAB, LCH или OKLCH цвят, който е твърде наситен за обикновен екран, той е извън гамата sRGB и няма HEX еквивалент. Тогава инструментът показва съобщение и го привежда към най-близкия показваем цвят, като намалява наситеността, но запазва яркостта и нюанса.

CMYK е приближение

Стойностите в CMYK използват опростената формула K = 1 − max(R, G, B) и C = (1 − R − K) / (1 − K), същото за M и Y. Не се използва ICC профил, така че числата не предсказват какво ще отпечата дадена печатна машина. За професионален печат преобразувайте в програмата за предпечат с профила, предоставен от вашата печатница (например FOGRA39 или GRACoL). Обратното преобразуване от CMYK към RGB използва обратната формула R = (1 − C)(1 − K).

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

Как да преобразувам HEX в RGB на ръка?

Разделете кода на три двойки и превърнете всяка от шестнадесетична в десетична система. За #FF6347: FF = 255, 63 = 99, 47 = 71, така че цветът е rgb(255, 99, 71).

Каква е разликата между HSL и HSV?

И двата модела използват ъгъл на нюанса и наситеност, но третата стойност в HSL е светлина (50% е чистият цвят, 100% е бяло), докато при HSV е стойност или яркост (100% е чистият цвят или бялото, според наситеността). Затова един и същ цвят има различни числа за наситеност във всеки модел.

Защо стойността ми в LAB се различава от друг конвертор?

Най-вероятно заради бялата точка. Този инструмент използва D50, както CSS lab(). Конверторите, базирани на D65, дават малко по-различни числа. И двата варианта са верни в собствената си референция.

Мога ли да конвертирам CMYK в HEX?

Да. Въведете нещо като cmyk(0%, 61%, 72%, 0%) или cmyk(0, 0.61, 0.72, 0). Имайте предвид, че резултатът е приближение без цветови профил.

Приема ли цветове без знака #?

Да. ff6347, f64 и дори три числа, разделени със запетаи, като 255, 99, 71, се разпознават.