Teisendage värve vormingute HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK ja Display P3 vahel. Valige lähte- ja sihtvorming, sisestage väärtus CSS süntaksis või lihtnumbrina ning saage CSS-valmis tulemus, mis arvutatakse culori teegi abil. Sihtvärvigammast väljapoole jäävad värvid teisendatakse nii, nagu näeb ette CSS Color 4. Tööriist on mõeldud arendajatele ja disaineritele, kes kasutavad värve nii koodis kui ka kujundustööriistades.
Kümme vormingut: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK ja Display P3. Igaüks neist võib olla lähte- või sihtvorming, mis annab 90 teisendussuunda. Tulemused kasutavad tänapäevast CSS Color 4 süntaksit, näiteks rgb(255 136 0) või oklch(0.7442 0.1812 56.46).
Sisestage lähtevormingu täielik CSS-tähistus, näiteks hsl(32 100% 50%) või color(display-p3 1 0.5 0), või ainult selle numbrid, näiteks 32, 100%, 50%, kui valitud on HSL. Koodid võib sisestada # märgiga või ilma ning 3-, 4-, 6- või 8-kohalisena. Väärtus peab vastama valitud lähtevormingule, seega lükatakse rgb() väärtus lehel HSL tagasi, et vältida ekslikku teisendamist.
culori ei toeta CMYK-režiimi, seega kasutab muundur standardset lihtsustatud valemit sRGB väärtuste puhul vahemikus 0 kuni 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K) ning M ja Y arvutatakse samamoodi. Teisendamisel vastupidises suunas on R = (1 - C) x (1 - K) ja nii edasi. See ei ole ICC profiili teisendus ega ühti konkreetse trükimasina või paberi väljundiga; kasutage seda ekraanil ligikaudseks hindamiseks ja umbkaudsete spetsifikatsioonide koostamiseks.
Kasutage cmyk(0%, 47%, 100%, 0%)-i, seadme-cmyk(0 0.47 1 0)-i või nelja lihtnumbrit. Protsendimärgiga väärtused on protsendid; ühikuta väärtusi käsitletakse murdarvudena vahemikus 0 kuni 1, välja arvatud juhul, kui üks neist on üle 1 — siis käsitletakse kõiki protsentidena. Seega toimib 0, 47, 100, 0 ootuspäraselt. CMYK-väljund esitatakse alati protsentidena, kuni kahe kümnendkohaga.
Lab, LCH, OKLab, OKLCH ja Display P3 suudavad kirjeldada värve, mida sRGB ei saa kuvada. Kui sihtvorming on HEX, RGB, HSL, HWB või CMYK, mis kõik kasutavad sRGB-d, või Display P3, teisendatakse värvigammast väljapoole jääv värv CSS Color 4 algoritmiga. See vähendab OKLCH värviküllastust, kuni värv mahub gammavahemikku, ning lisab tulemusele märkuse. Lab-, LCH-, OKLab- ja OKLCH-sihtvormingutel piirangut pole ning neid ei teisendata.
Jah, kõigi sihtvormingute puhul peale CMYK-i. Sisendis olev alfaväärtus, näiteks rgb(255 136 0 / 50%) või #ff880080, esitatakse funktsioonides CSS kujul / 0.5 ja 8-kohalise HEX-koodina. CMYK-il alfakanalit pole, seega jäetakse alfaväärtus seal välja.
RGB kanalid ümardatakse täisarvudeks vahemikus 0 kuni 255; HSL, HWB ja CMYK protsendid ning Lab- ja LCH-väärtused kahe kümnendkohani; OKLab väärtused, OKLCH heledus ja värviküllastus ning Display P3 kanalid nelja kümnendkohani; tooninurgad kahe kümnendkohani. Kõik arvutused tehakse enne ümardamist täpses topelttäpsuses, seega jäävad edasi-tagasi teisendused algse väärtuse ümardamisvahemikku.
CIELAB ja CIE LCH D50-valgepunktiga, täpselt nii, nagu need on määratletud CSS lab() ja lch() funktsioonides, kasutades Bradfordi kohandust sRGB D65-valgest. Heledus on vahemikus 0 kuni 100. OKLab ja OKLCH on Bjorn Ottossoni tajupõhised värviruumid, mida kasutavad CSS oklab() ja oklch(); heledus on vahemikus 0 kuni 1.
Lehe vorm teisendab korraga ühe värvi. Kliendid, kes kutsuvad tööriista otse, saavad saata kuni 100 värvi, ühe rea kohta, ning saavad sama järjestusega ühe teisendatud väärtuse rea kohta. Iga värv võib olla kuni 100 märki pikk.
Neutraalsetel värvidel pole värvinurka; CSS saab selle esitada väärtusena none. Muundur kasutab selle asemel 0, et väärtus toimiks ka tööriistades, mis ei toeta none-väärtust. Värvinurk ei mõjuta nähtavat tulemust, kui küllastus või värviküllastus on null.
Teisendage HEX värvid ühe sammuga vormingusse RGB. Sisestage HEX väärtus CSS süntaksis või lihtnumbrina ning saate täpse RGB vaste, mis on ümardatud CSS jaoks ja arvutatud culori teegi abil. Kui RGB ei suuda värvi kuvada, teisendatakse see värvigamma sees lähimaks värviks, nagu näeb ette CSS Color 4. Tööriist on mõeldud arendajatele ja disaineritele, kes kasutavad värve laaditabelites, kujundustööriistades ja spetsifikatsioonides.
Teisendage HEX värvid ühe sammuga vormingusse HSL. Sisestage HEX väärtus CSS süntaksis või lihtnumbrina ning saate täpse HSL vaste, mis on ümardatud CSS jaoks ja arvutatud culori teegi abil. Kui HSL ei suuda värvi kuvada, teisendatakse see värvigamma sees lähimaks värviks, nagu näeb ette CSS Color 4. Tööriist on mõeldud arendajatele ja disaineritele, kes kasutavad värve laaditabelites, kujundustööriistades ja spetsifikatsioonides.
Teisendage HEX värvid ühe sammuga vormingusse HWB. Sisestage HEX väärtus CSS süntaksis või lihtnumbrina ning saate täpse HWB vaste, mis on ümardatud CSS jaoks ja arvutatud culori teegi abil. Kui HWB ei suuda värvi kuvada, teisendatakse see värvigamma sees lähimaks värviks, nagu näeb ette CSS Color 4. Tööriist on mõeldud arendajatele ja disaineritele, kes kasutavad värve laaditabelites, kujundustööriistades ja spetsifikatsioonides.
Teisendage HEX värvid ühe sammuga vormingusse CIELAB. Sisestage HEX väärtus CSS süntaksis või lihtnumbrina ning saate täpse CIELAB vaste, mis on ümardatud CSS jaoks ja arvutatud culori teegi abil. Kui CIELAB ei suuda värvi kuvada, teisendatakse see värvigamma sees lähimaks värviks, nagu näeb ette CSS Color 4. Tööriist on mõeldud arendajatele ja disaineritele, kes kasutavad värve laaditabelites, kujundustööriistades ja spetsifikatsioonides.
Teisendage HEX värvid ühe sammuga vormingusse CIE LCH. Sisestage HEX väärtus CSS süntaksis või lihtnumbrina ning saate täpse CIE LCH vaste, mis on ümardatud CSS jaoks ja arvutatud culori teegi abil. Kui CIE LCH ei suuda värvi kuvada, teisendatakse see värvigamma sees lähimaks värviks, nagu näeb ette CSS Color 4. Tööriist on mõeldud arendajatele ja disaineritele, kes kasutavad värve laaditabelites, kujundustööriistades ja spetsifikatsioonides.
Teisendage HEX värvid ühe sammuga vormingusse OKLab. Sisestage HEX väärtus CSS süntaksis või lihtnumbrina ning saate täpse OKLab vaste, mis on ümardatud CSS jaoks ja arvutatud culori teegi abil. Kui OKLab ei suuda värvi kuvada, teisendatakse see värvigamma sees lähimaks värviks, nagu näeb ette CSS Color 4. Tööriist on mõeldud arendajatele ja disaineritele, kes kasutavad värve laaditabelites, kujundustööriistades ja spetsifikatsioonides.
OneClick Pro on tasuta kollektsioon, mis sisaldab üle 150 veebitööriista igapäevatööks: piltide ja ühikute teisendamiseks, koodi vormindamiseks ja valideerimiseks, domeenide ja SEO kontrollimiseks ning teksti, kuupäevade ja numbritega töötamiseks. Kõik tööriistad toimivad ilma registreerimise või tellimuseta ning sisestatut kasutatakse ainult tulemuse arvutamiseks ega salvestata kunagi. Kasutage seda kiire tööriistakastina ühekordsete ülesannete jaoks või lisage järjehoidjatesse tööriistad, mida iga päev kasutate.