Pretvarjajte barve med HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK in Display P3. Izberite izvorni in ciljni zapis, vnesite vrednost v sintaksi CSS ali kot gole številke ter pridobite rezultat za CSS, izračunan s knjižnico culori. Barve zunaj ciljnega barvnega obsega se preslikajo, kot določa CSS Color 4. Orodje je namenjeno razvijalcem in oblikovalcem, ki prenašajo barve med kodo in oblikovalskimi orodji.
Deset zapisov: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK in Display P3. Vsakega lahko uporabite kot izvorni ali ciljni zapis, kar omogoča 90 smeri pretvorbe. Rezultati uporabljajo sodobno sintakso CSS Color 4, na primer rgb(255 136 0) ali oklch(0.7442 0.1812 56.46).
Vnesite celoten zapis CSS izvornega formata, na primer hsl(32 100% 50%) ali color(display-p3 1 0.5 0), ali samo njegove številke, na primer 32, 100%, 50% z izbrano možnostjo HSL. Šestnajstiške kode delujejo z znakom # ali brez njega, v obliki s 3, 4, 6 ali 8 števkami. Vrednost se mora ujemati z izbranim izvornim formatom, zato je vrednost rgb() na strani HSL zavrnjena, da ne pride do napačne pretvorbe.
Knjižnica culori nima načina CMYK, zato pretvornik uporablja standardno poenostavljeno formulo za vrednosti sRGB od 0 do 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), enako pa velja za M in Y. V obratni smeri je R = (1 - C) x (1 - K) in tako naprej. To ni pretvorba z barvnim profilom ICC, zato se rezultat ne bo ujemal z izpisom za določen tiskarski stroj ali papir; uporabite jo za približen prikaz na zaslonu in okvirne specifikacije.
Uporabite cmyk(0%, 47%, 100%, 0%), napravi cmyk(0 0.47 1 0) ali štiri gole številke. Vrednosti z znakom za odstotek so odstotki; vrednosti brez enote se berejo kot ulomki od 0 do 1, razen če je katera večja od 1. V tem primeru se vse berejo kot odstotki, zato 0, 47, 100, 0 deluje kot pričakovano. Izhodne vrednosti CMYK so vedno zapisane v odstotkih z največ dvema decimalkama.
Lab, LCH, OKLab, OKLCH in Display P3 lahko opišejo barve, ki jih sRGB ne more prikazati. Če je cilj HEX, RGB, HSL, HWB ali CMYK, ki vsi uporabljajo sRGB, ali Display P3, se barva zunaj obsega preslika z algoritmom CSS Color 4, ki zmanjša nasičenost OKLCH, dokler se barva ne prilega obsegu; rezultat vključuje opombo. Ciljni zapisi Lab, LCH, OKLab in OKLCH nimajo omejenega obsega in se nikoli ne preslikajo.
Da, pri vseh ciljnih zapisih razen CMYK. Vrednost alfa v vhodu, na primer rgb(255 136 0 / 50%) ali #ff880080, je zapisana kot / 0.5 znotraj funkcij CSS in kot 8-mestna šestnajstiška koda. CMYK nima kanala alfa, zato se ta vrednost pri njem izpusti.
Kanali RGB se zaokrožijo na cela števila od 0 do 255; odstotki HSL, HWB in CMYK ter vrednosti Lab in LCH na dve decimalki; vrednosti OKLab, svetlost in nasičenost OKLCH ter kanali Display P3 na štiri decimalke; odtenki na dve decimalki. Vsi izračuni se pred zaokroževanjem izvedejo z dvojno natančnostjo, zato pretvorba v obe smeri ostane znotraj zaokrožene vrednosti izvirnika.
CIELAB in CIE LCH z belo točko D50, natančno tako, kot ju določajo funkcije CSS lab() in lch(), z Bradfordovo prilagoditvijo bele točke D65 sRGB. Svetlost sega od 0 do 100. OKLab in OKLCH sta zaznavna barvna prostora Björna Ottossona, ki ju uporabljajo CSS oklab() in oklch(); svetlost sega od 0 do 1.
Obrazec na strani pretvori eno barvo naenkrat. Odjemalci, ki orodje pokličejo neposredno, lahko pošljejo do 100 barv, po eno v vsaki vrstici, in prejmejo pretvorjeno vrednost za vsako vrstico v istem vrstnem redu. Vsaka barva je lahko dolga največ 100 znakov.
Nevtralne barve nimajo odtenka, ki ga lahko CSS zapiše kot none. Pretvornik namesto tega zapiše 0, zato vrednost deluje tudi v orodjih, ki ne sprejemajo none. Odtenek nima vidnega učinka, kadar sta nasičenost ali barvnost enaki nič.
Pretvorite barve HEX v RGB v enem koraku. Vnesite vrednost HEX v sintaksi CSS ali kot gole številke ter pridobite natančno ustreznico RGB, zaokroženo za CSS in izračunano s knjižnico culori. Če RGB barve ne more prikazati, se preslika v najbližjo barvo znotraj barvnega obsega, kot določa CSS Color 4. Orodje je namenjeno razvijalcem in oblikovalcem, ki prenašajo barve med slogovnimi datotekami, oblikovalskimi orodji in specifikacijami.
Pretvorite barve HEX v HSL v enem koraku. Vnesite vrednost HEX v sintaksi CSS ali kot gole številke ter pridobite natančno ustreznico HSL, zaokroženo za CSS in izračunano s knjižnico culori. Če HSL barve ne more prikazati, se preslika v najbližjo barvo znotraj barvnega obsega, kot določa CSS Color 4. Orodje je namenjeno razvijalcem in oblikovalcem, ki prenašajo barve med slogovnimi datotekami, oblikovalskimi orodji in specifikacijami.
Pretvorite barve HEX v HWB v enem koraku. Vnesite vrednost HEX v sintaksi CSS ali kot gole številke ter pridobite natančno ustreznico HWB, zaokroženo za CSS in izračunano s knjižnico culori. Če HWB barve ne more prikazati, se preslika v najbližjo barvo znotraj barvnega obsega, kot določa CSS Color 4. Orodje je namenjeno razvijalcem in oblikovalcem, ki prenašajo barve med slogovnimi datotekami, oblikovalskimi orodji in specifikacijami.
Pretvorite barve HEX v CIELAB v enem koraku. Vnesite vrednost HEX v sintaksi CSS ali kot gole številke ter pridobite natančno ustreznico CIELAB, zaokroženo za CSS in izračunano s knjižnico culori. Če CIELAB barve ne more prikazati, se preslika v najbližjo barvo znotraj barvnega obsega, kot določa CSS Color 4. Orodje je namenjeno razvijalcem in oblikovalcem, ki prenašajo barve med slogovnimi datotekami, oblikovalskimi orodji in specifikacijami.
Pretvorite barve HEX v CIE LCH v enem koraku. Vnesite vrednost HEX v sintaksi CSS ali kot gole številke ter pridobite natančno ustreznico CIE LCH, zaokroženo za CSS in izračunano s knjižnico culori. Če CIE LCH barve ne more prikazati, se preslika v najbližjo barvo znotraj barvnega obsega, kot določa CSS Color 4. Orodje je namenjeno razvijalcem in oblikovalcem, ki prenašajo barve med slogovnimi datotekami, oblikovalskimi orodji in specifikacijami.
Pretvorite barve HEX v OKLab v enem koraku. Vnesite vrednost HEX v sintaksi CSS ali kot gole številke ter pridobite natančno ustreznico OKLab, zaokroženo za CSS in izračunano s knjižnico culori. Če OKLab barve ne more prikazati, se preslika v najbližjo barvo znotraj barvnega obsega, kot določa CSS Color 4. Orodje je namenjeno razvijalcem in oblikovalcem, ki prenašajo barve med slogovnimi datotekami, oblikovalskimi orodji in specifikacijami.
OneClick Pro je brezplačna zbirka z več kot 150 spletnimi orodji za vsakodnevno delo: za pretvarjanje slik in enot, oblikovanje in preverjanje kode, preverjanje domen in SEO ter delo z besedilom, datumi in števili. Vsako orodje deluje brez registracije ali naročnine, vnesene podatke pa uporabimo samo za izračun rezultata in jih nikoli ne shranimo. Zbirko lahko uporabljate kot priročen nabor orodij za posamezna opravila ali si dodate med zaznamke orodja, ki jih uporabljate vsak dan.