Utilia
Kategorije ▾
Jezik: hr ▾

Pretvarač boja

Pretvori bilo koju boju među formatima HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH i OKLCH. Zalijepi kod, vidi boju i kopiraj svaki format jednim klikom.

Primjeri:

Pretvorbe

CMYK je jednostavna pretvorba bez ICC profila. Za pripremu za tisak od tiskare zatraži pretvorbu na temelju profila.

Kako koristiti pretvarač boja

  1. Upiši ili zalijepi boju u polje Unos. Format se prepoznaje automatski: #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) ili naziv poput tomato.
  2. Pretvorbe se pojavljuju dok tipkaš. Možeš i pritisnuti Enter ili kliknuti Pretvori.
  3. Pogledaj uzorak boje: prikazuje boju i Prepoznati format pa znaš kako je tvoj unos pročitan.
  4. Klikni Kopiraj pokraj formata koji trebaš. Gumbi s primjerima omogućuju brzo isprobavanje uobičajenih unosa.

Pretvorba se u cijelosti odvija u tvom pregledniku. Ništa što upišeš ne šalje se na poslužitelj.

Podržani formati

Format Primjer Tipična uporaba
HEX #FF6347 HTML, CSS, alati za dizajn
RGB rgb(255, 99, 71) CSS, kod, uređivači slika
HSL hsl(9, 100%, 64%) CSS, podešavanje svjetline
HSV / HSB hsv(9, 72%, 100%) Photoshop, Figma, birači boja
HWB hwb(9 28% 0%) CSS Color 4
CMYK cmyk(0%, 61%, 72%, 0%) tisak (vidi napomenu niže)
LAB (D50) lab(62.99% 59.36 47.88) CSS lab(), znanost o bojama
LCH lch(62.99% 76.27 38.89) CSS lch()
OKLCH oklch(69.62% 0.1955 32.32) moderni CSS, dizajnerski sustavi

Izlazi HEX, RGB, HSL, HWB, LAB, LCH i OKLCH ispravan su CSS koji možeš izravno zalijepiti u stilsku datoteku. HSV i CMYK nisu CSS zapisi pa su napisani uobičajenim funkcijskim stilom radi čitanja.

Ako tvoj unos ima prozirnost (na primjer rgb(255 0 0 / 50%)), pretvarač je zadržava: HEX postaje osmeroznamenkasti kod poput #FF000080, a ostali formati dobivaju alfa vrijednost.

Kako rade pretvorbe

RGB, HEX, HSL, HSV i HWB različiti su načini zapisa istih sRGB vrijednosti pa se pretvaraju točno (do na zaokruživanje). LAB i LCH slijede definiciju CSS Color 4, koja koristi bijelu točku D50 s Bradfordovom kromatskom adaptacijom. Neki mrežni pretvarači umjesto toga koriste D65, pa se njihovi LAB brojevi za istu boju mogu razlikovati za nekoliko jedinica. OKLCH koristi model Oklab autora Björna Ottossona, onaj koji preglednici koriste za oklch().

Kad uneseš LAB, LCH ili OKLCH boju koja je prezasićena za običan zaslon, ona leži izvan sRGB gamuta i nema HEX ekvivalent. Alat tada prikaže poruku i preslika je u najbližu boju koja se može prikazati, smanjujući joj kromu uz zadržavanje svjetline i tona.

CMYK je aproksimacija

CMYK vrijednosti koriste jednostavnu formulu K = 1 − max(R, G, B) i C = (1 − R − K) / (1 − K), a isto vrijedi za M i Y. ICC profil nije uključen pa brojevi ne predviđaju što će određeni tiskarski stroj otisnuti. Za profesionalni tisak pretvori boje u svom programu za prijelom s profilom koji ti da tiskara (na primjer FOGRA39 ili GRACoL). Pretvorba CMYK-a natrag u RGB koristi obrnutu formulu, R = (1 − C)(1 − K).

Česta pitanja

Kako ručno pretvoriti HEX u RGB?

Podijeli kod na tri para i svaki pretvori iz baze 16 u bazu 10. Za #FF6347: FF = 255, 63 = 99, 47 = 71, dakle boja je rgb(255, 99, 71).

Koja je razlika između HSL-a i HSV-a?

Oba koriste kut tona i zasićenost, ali je treća vrijednost u HSL-u svjetlina (50 % je čista boja, 100 % je bijela), dok je u HSV-u vrijednost ili svjetlina (100 % je čista boja ili bijela, ovisno o zasićenosti). Ista boja zato ima različite brojeve zasićenosti u svakom modelu.

Zašto se moja LAB vrijednost razlikuje od drugog pretvarača?

Najvjerojatnije zbog bijele točke. Ovaj alat koristi D50, kao CSS lab(). Pretvarači temeljeni na D65 daju malo drukčije brojeve. Oba su točna u svom referentnom okviru.

Mogu li pretvoriti CMYK u HEX?

Možeš. Upiši nešto poput cmyk(0%, 61%, 72%, 0%) ili cmyk(0, 0.61, 0.72, 0). Imaj na umu da je rezultat aproksimacija bez profila boja.

Prihvaća li boje bez znaka #?

Prihvaća. Prepoznaju se ff6347, f64 pa čak i tri broja odvojena zarezima, poput 255, 99, 71.

Slični alati