Претворач на бои
Претворете боја меѓу 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 со хроматска адаптација Bradford. Некои онлајн претворачи користат D65, па нивните LAB броеви можат да се разликуваат за неколку единици за иста боја. OKLCH го користи моделот Oklab на Björn Ottosson, истиот што го користат прелистувачите за 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 рачно?
Поделете го кодот на три пара и претворете го секој од основа 16 во основа 10. За #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, се препознаваат.
Поврзани алатки
- Избирач на боја Бесплатен онлајн избирач на боја. Изберете која било боја и веднаш копирајте ги нејзините HEX, RGB, HSL, HSV и CMYK кодови со контраст спрема бела и црна.
- Генератор на палета на бои Генерирајте палети на бои од една основна боја според правилата на хармонија: комплементарна, аналогна, триадна, тетрадна, квадратна и монохроматска.
- Избирач на боја од слика Качете слика во прелистувачот и кликнете на кој било пиксел за да ја добиете бојата како HEX, RGB, HSL, HSV и CMYK. Лупа, просек и листа на избрани бои.