Utilia

Pretvornik barv

Pretvori katero koli barvo med HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH in OKLCH. Prilepi kodo, oglej si barvo in kopiraj vsako obliko z enim klikom.

Primeri:

Pretvorbe

CMYK je preprosta pretvorba brez profila ICC. Za tisk od tiskarja zahtevaj pretvorbo na podlagi profila.

Kako uporabljati pretvornik barv

  1. V polje Vnos vtipkaj ali prilepi barvo. Oblika se zazna samodejno: #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) ali ime, na primer tomato.
  2. Pretvorbe se prikažejo sproti med tipkanjem. Lahko pa pritisneš Enter ali klikneš Pretvori.
  3. Preveri vzorec: prikazuje barvo in Zaznana oblika, tako da veš, kako je bil tvoj vnos prebran.
  4. Klikni Kopiraj ob obliki, ki jo potrebuješ. Z gumbi s primeri preizkusiš pogoste vnose.

Pretvorba poteka v celoti v tvojem brskalniku. Nič, kar vneseš, se ne pošlje na strežnik.

Podprte oblike

Oblika Primer Tipična uporaba
HEX #FF6347 HTML, CSS, orodja za oblikovanje
RGB rgb(255, 99, 71) CSS, koda, urejevalniki slik
HSL hsl(9, 100%, 64%) CSS, prilagajanje svetlosti
HSV / HSB hsv(9, 72%, 100%) Photoshop, Figma, izbirniki barv
HWB hwb(9 28% 0%) CSS Color 4
CMYK cmyk(0%, 61%, 72%, 0%) tisk (glej opombo spodaj)
LAB (D50) lab(62.99% 59.36 47.88) CSS lab(), znanost o barvah
LCH lch(62.99% 76.27 38.89) CSS lch()
OKLCH oklch(69.62% 0.1955 32.32) sodoben CSS, oblikovalski sistemi

Izhodi HEX, RGB, HSL, HWB, LAB, LCH in OKLCH so veljaven CSS, ki ga lahko neposredno prilepiš v slogovno datoteko. HSV in CMYK nista zapisa CSS, zato sta za berljivost zapisana v običajnem slogu funkcij.

Če ima tvoj vnos prosojnost (na primer rgb(255 0 0 / 50%)), jo pretvornik ohrani: HEX postane osemmestna koda, na primer #FF000080, ostale oblike pa dobijo vrednost alfa.

Kako delujejo pretvorbe

RGB, HEX, HSL, HSV in HWB so različni načini zapisa istih vrednosti sRGB, zato se pretvarjajo natančno (do zaokrožitve). LAB in LCH sledita definiciji CSS Color 4, ki uporablja belo točko D50 z Bradfordovo kromatsko adaptacijo. Nekateri spletni pretvorniki namesto tega uporabljajo D65, zato se lahko njihova števila LAB za isto barvo razlikujejo za nekaj enot. OKLCH uporablja model Oklab Björna Ottossona, ki ga brskalniki uporabljajo za oklch().

Če vneseš barvo LAB, LCH ali OKLCH, ki je za običajen zaslon preveč nasičena, leži zunaj gamuta sRGB in nima ustreznice HEX. Orodje takrat prikaže sporočilo in jo preslika v najbližjo prikazljivo barvo tako, da zmanjša kromo, svetlost in odtenek pa ohrani.

CMYK je približek

Vrednosti CMYK uporabljajo preprosto formulo K = 1 − max(R, G, B) in C = (1 − R − K) / (1 − K), enako za M in Y. Profil ICC ni vključen, zato števila ne napovedujejo, kaj bo natisnil določen tiskarski stroj. Za profesionalni tisk pretvori v programu za prelom s profilom, ki ga priskrbi tiskarna (na primer FOGRA39 ali GRACoL). Pretvorba CMYK nazaj v RGB uporablja inverzno formulo R = (1 − C)(1 − K).

Pogosta vprašanja

Kako ročno pretvorim HEX v RGB?

Kodo razdeli na tri pare in vsakega pretvori iz šestnajstiškega v desetiški sistem. Za #FF6347: FF = 255, 63 = 99, 47 = 71, torej je barva rgb(255, 99, 71).

Kakšna je razlika med HSL in HSV?

Oba uporabljata kot odtenka in nasičenost, vendar je tretja vrednost pri HSL svetlost (50 % je čista barva, 100 % je bela), pri HSV pa vrednost ali svetlost (100 % je čista barva ali bela, odvisno od nasičenosti). Ista barva ima zato v vsakem modelu drugačno število nasičenosti.

Zakaj se moja vrednost LAB razlikuje od drugega pretvornika?

Najverjetneje zaradi bele točke. To orodje uporablja D50, kot CSS lab(). Pretvorniki, ki temeljijo na D65, dajo nekoliko drugačna števila. Obe sta pravilni v svojem referenčnem sistemu.

Ali lahko pretvorim CMYK v HEX?

Da. Vpiši na primer cmyk(0%, 61%, 72%, 0%) ali cmyk(0, 0.61, 0.72, 0). Upoštevaj, da je rezultat približek brez barvnega profila.

Ali sprejme barve brez znaka #?

Da. Prepoznani so ff6347, f64 in celo tri števila, ločena z vejicami, na primer 255, 99, 71.