Spalvų keitiklis
Konvertuok spalvą tarp HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH ir OKLCH. Įklijuok kodą, pamatyk spalvą ir vienu spustelėjimu nukopijuok bet kurį formatą.
Pavyzdžiai:
Konvertavimo rezultatai
CMYK yra paprastas konvertavimas be ICC profilio. Spaudos darbams paprašyk spaustuvės konvertavimo pagal profilį.
Kaip naudotis spalvų keitikliu
- Įrašyk arba įklijuok spalvą į lauką Įvestis. Formatas aptinkamas automatiškai:
#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)arba pavadinimas, pvz.,tomato. - Rezultatai rodomi, kai tik rašai. Taip pat gali paspausti Enter arba spustelėti Konvertuoti.
- Pažiūrėk į spalvos pavyzdį: jame rodoma spalva ir Aptiktas formatas, todėl žinai, kaip buvo perskaityta tavo įvestis.
- Spustelėk Kopijuoti šalia reikiamo formato. Pavyzdžių mygtukais gali išbandyti dažnas įvestis.
Veikia tavo naršyklėje. Nieko, ką įvedi, nesiunčiame į serverį.
Palaikomi formatai
| Formatas | Pavyzdys | Tipinis naudojimas |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, dizaino įrankiai |
| RGB | rgb(255, 99, 71) |
CSS, kodas, vaizdų redaktoriai |
| HSL | hsl(9, 100%, 64%) |
CSS, šviesumo derinimas |
| HSV / HSB | hsv(9, 72%, 100%) |
„Photoshop“, „Figma“, spalvų rinkikliai |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
spauda (žr. pastabą žemiau) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), spalvų mokslas |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
šiuolaikinis CSS, dizaino sistemos |
HEX, RGB, HSL, HWB, LAB, LCH ir OKLCH rezultatai yra galiojantis CSS, kurį gali įklijuoti tiesiai į stilių lentelę. HSV ir CMYK nėra CSS žymėjimai, todėl jie užrašomi įprastu funkcijos stiliumi, kad būtų lengva skaityti.
Jei tavo įvestis turi skaidrumą (pavyzdžiui, rgb(255 0 0 / 50%)), keitiklis jį išsaugo: HEX tampa aštuonių ženklų kodu, pvz., #FF000080, o kiti formatai gauna alfa reikšmę.
Kaip veikia konvertavimas
RGB, HEX, HSL, HSV ir HWB yra skirtingi tų pačių sRGB reikšmių užrašymo būdai, todėl jie konvertuojami tiksliai (iki apvalinimo). LAB ir LCH atitinka CSS Color 4 apibrėžimą, kuris naudoja D50 baltąjį tašką su Bradfordo chromatine adaptacija. Kai kurie internetiniai keitikliai naudoja D65, todėl tos pačios spalvos LAB skaičiai gali skirtis keliais vienetais. OKLCH naudoja Björno Ottossono „Oklab“ modelį, kurį naršyklės taiko oklch().
Kai įvedi LAB, LCH ar OKLCH spalvą, kuri per sodri įprastam ekranui, ji patenka už sRGB gamos ribų ir neturi HEX atitikmens. Tada įrankis parodo pranešimą ir pakeičia ją artimiausia rodoma spalva, sumažindamas sodrumą (chromą), bet išlaikydamas šviesį ir atspalvį.
CMYK yra apytikslis
CMYK reikšmės skaičiuojamos pagal paprastą formulę K = 1 − max(R, G, B) ir C = (1 − R − K) / (1 − K), panašiai M ir Y. ICC profilis nenaudojamas, todėl skaičiai neprognozuoja, ką atspausdins konkreti spausdinimo mašina. Profesionaliems spaudos darbams konvertuok maketavimo programoje su spaustuvės pateiktu profiliu (pavyzdžiui, FOGRA39 ar GRACoL). Konvertuojant CMYK atgal į RGB naudojama atvirkštinė formulė R = (1 − C)(1 − K).
Dažnai užduodami klausimai
Kaip HEX paversti RGB rankiniu būdu?
Padalyk kodą į tris poras ir kiekvieną konvertuok iš šešioliktainės į dešimtainę sistemą. #FF6347 atveju: FF = 255, 63 = 99, 47 = 71, taigi spalva yra rgb(255, 99, 71).
Kuo skiriasi HSL ir HSV?
Abu naudoja atspalvio kampą ir sodrumą, bet trečioji HSL reikšmė yra šviesumas (50 % yra gryna spalva, 100 % – balta), o HSV – reikšmė arba ryškumas (100 % yra gryna spalva arba balta, priklausomai nuo sodrumo). Todėl ta pati spalva kiekviename modelyje turi skirtingus sodrumo skaičius.
Kodėl mano LAB reikšmė skiriasi nuo kito keitiklio?
Greičiausiai dėl baltojo taško. Šis įrankis naudoja D50, kaip ir CSS lab(). D65 pagrįsti keitikliai duoda šiek tiek kitokius skaičius. Abu variantai teisingi savo atskaitos sistemoje.
Ar galima konvertuoti CMYK į HEX?
Taip. Įrašyk, pavyzdžiui, cmyk(0%, 61%, 72%, 0%) arba cmyk(0, 0.61, 0.72, 0). Atsimink, kad rezultatas yra apytikslis, nes nenaudojamas spalvų profilis.
Ar priimamos spalvos be # ženklo?
Taip. Atpažįstami ff6347, f64 ir net trys skaičiai, atskirti kableliais, pvz., 255, 99, 71.
Susiję įrankiai
- Spalvų rinkiklis Nemokamas spalvų rinkiklis: pasirink spalvą ir iškart nukopijuok jos HEX, RGB, HSL, HSV bei CMYK kodus su kontrasto santykiais ant baltos ir juodos.
- Spalvų paletės generatorius Generuok spalvų paletes iš vienos spalvos pagal derinimo taisykles: komplementinę, analoginę, triadą, tetradą, kvadratą ir monochrominę paletę.
- Spalvų rinkiklis iš paveikslėlio Pasirink paveikslėlį ir spustelėk pikselį, kad gautum jo spalvą kaip HEX, RGB, HSL, HSV ir CMYK. Didinamasis stiklas ir vidurkis tavo naršyklėje.