Värvikoodi muundur
Teisenda värvi HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH ja OKLCH vahel. Kleebi kood, vaata värvi ja kopeeri iga vorming ühe klõpsuga.
Näited:
Teisendused
CMYK on lihtne teisendus ilma ICC-profiilita. Trükitööde jaoks palu trükikojalt profiilipõhist teisendust.
Kuidas värvikoodi muundurit kasutada
- Sisesta või kleebi värv väljale Sisend. Vorming tuvastatakse automaatselt:
#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)või nimi, näitekstomato. - Teisendused ilmuvad sedamööda, kuidas kirjutad. Võid vajutada ka Enter-klahvi või klõpsata nupul Teisenda.
- Vaata värviproovi: see näitab värvi ja Tuvastatud vormingut, nii et tead, kuidas sinu sisendit loeti.
- Klõpsa soovitud vormingu kõrval nupul Kopeeri. Levinud sisendite proovimiseks kasuta näitenuppe.
Teisendus toimub täielikult sinu brauseris. Midagi, mida sisestad, ei saadeta serverisse.
Toetatud vormingud
| Vorming | Näide | Tüüpiline kasutus |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, disainitööriistad |
| RGB | rgb(255, 99, 71) |
CSS, kood, pildiredaktorid |
| HSL | hsl(9, 100%, 64%) |
CSS, heleduse kohandamine |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop, Figma, värvivalijad |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
trükk (vt allolevat märkust) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), värviteadus |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
kaasaegne CSS, disainisüsteemid |
HEX-, RGB-, HSL-, HWB-, LAB-, LCH- ja OKLCH-väljund on kehtiv CSS, mille saad otse stiililehele kleepida. HSV ja CMYK ei ole CSS-i kirjaviisid, seega on need kirjutatud loetavuse huvides tavapärases funktsioonistiilis.
Kui sinu sisendis on läbipaistvus (näiteks rgb(255 0 0 / 50%)), jätab muundur selle alles: HEX muutub kaheksakohaliseks koodiks, näiteks #FF000080, ja teistele vormingutele lisandub alfaväärtus.
Kuidas teisendused töötavad
RGB, HEX, HSL, HSV ja HWB on erinevad viisid sama sRGB väärtuse kirjutamiseks, seega teisenduvad need täpselt (ümardamise täpsusega). LAB ja LCH järgivad CSS Color 4 määratlust, mis kasutab D50 valge punkti ja Bradfordi kromaatilist adaptatsiooni. Mõned veebimuundurid kasutavad selle asemel D65, seega võivad nende LAB-arvud sama värvi puhul erineda mõne ühiku võrra. OKLCH kasutab Björn Ottossoni Oklab-mudelit, mida brauserid kasutavad funktsiooni oklch() jaoks.
Kui sisestad LAB-, LCH- või OKLCH-värvi, mis on tavaekraani jaoks liiga küllastunud, jääb see sRGB-gamuudist välja ja sellel ei ole HEX-vastet. Tööriist näitab siis teadet ja teisendab selle lähimaks kuvatavaks värviks, vähendades kroma väärtust ning säilitades heleduse ja tooni.
CMYK on lähendus
CMYK-väärtused kasutavad lihtsat valemit K = 1 − max(R, G, B) ja C = (1 − R − K) / (1 − K), samamoodi M ja Y jaoks. ICC-profiili ei kasutata, seega need arvud ei ennusta, mida konkreetne trükimasin trükib. Professionaalse trüki jaoks teisenda küljendustarkvaras trükikoja antud profiiliga (näiteks FOGRA39 või GRACoL). CMYK-i teisendamisel tagasi RGB-ks kasutatakse pöördvalemit R = (1 − C)(1 − K).
Korduma kippuvad küsimused
Kuidas teisendada HEX käsitsi RGB-ks?
Jaga kood kolmeks paariks ja teisenda kumbki kuueteistkümnendsüsteemist kümnendsüsteemi. Koodi #FF6347 puhul: FF = 255, 63 = 99, 47 = 71, seega on värv rgb(255, 99, 71).
Mis vahe on HSL-il ja HSV-l?
Mõlemad kasutavad tooninurka ja küllastust, kuid HSL-i kolmas väärtus on heledus (50% on puhas värv, 100% on valge), HSV-l aga väärtus ehk eredus (100% on puhas värv või valge, sõltuvalt küllastusest). Seetõttu on samal värvil igas mudelis erinev küllastuse arv.
Miks mu LAB-väärtus erineb teisest muundurist?
Kõige tõenäolisemalt valge punkti tõttu. See tööriist kasutab D50, nagu CSS-i lab(). D65-l põhinevad muundurid annavad veidi erinevad arvud. Mõlemad on omas lähtesüsteemis õiged.
Kas CMYK-i saab HEX-iks teisendada?
Saab. Sisesta midagi sellist nagu cmyk(0%, 61%, 72%, 0%) või cmyk(0, 0.61, 0.72, 0). Pea meeles, et tulemus on lähendus ilma värviprofiilita.
Kas see aktsepteerib värve ilma # märgita?
Jah. Tuvastatakse ff6347, f64 ja isegi kolm komadega eraldatud arvu, näiteks 255, 99, 71.
Seotud tööriistad
- Värvivalija Tasuta veebipõhine värvivalija. Vali mis tahes värv ja kopeeri kohe selle HEX-, RGB-, HSL-, HSV- ja CMYK-koodid koos kontrastsuhetega valge ja musta suhtes.
- Värvipaletigeneraator Loo värvipalette ühest põhivärvist värviharmoonia reeglite järgi – komplementaarne, analoogne, triaadiline, tetraadiline, ruut ja monokromaatiline.
- Pildi värvivalija Lae pilt ja klõpsa pikslil, et saada selle värv HEX-, RGB-, HSL-, HSV- ja CMYK-koodina. Suurendusklaas, keskmistamine ja valitud värvide loend brauseris.