Utilia
Kategorije ▾
Jezik: bs ▾

Pretvarač boja

Pretvori bilo koju boju između HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH i OKLCH. Zalijepi kôd, vidi boju i kopiraj svaki format jednim klikom.

Primjeri:

Pretvorbe

CMYK je jednostavna pretvorba bez ICC profila. Za štampu zatraži od štamparije pretvorbu zasnovanu na profilu.

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 prikazuju dok upisuješ. Možeš i pritisnuti Enter ili kliknuti Pretvori.
  3. Pogledaj uzorak: prikazuje boju i Prepoznati format, pa znaš kako je tvoj unos pročitan.
  4. Klikni Kopiraj pored formata koji ti treba. Dugmad s primjerima pomažu da isprobaš uobičajene unose.

Pretvorba se u potpunosti izvodi u tvom pregledniku. Ništa što upišeš ne šalje se na server.

Podržani formati

Format Primjer Tipična upotreba
HEX #FF6347 HTML, CSS, alati za dizajn
RGB rgb(255, 99, 71) CSS, kôd, 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%) štampa (vidi napomenu ispod)
LAB (D50) lab(62.99% 59.36 47.88) CSS lab(), nauka o bojama
LCH lch(62.99% 76.27 38.89) CSS lch()
OKLCH oklch(69.62% 0.1955 32.32) moderni CSS, dizajn sistemi

Izlazi HEX, RGB, HSL, HWB, LAB, LCH i OKLCH su ispravan CSS koji možeš zalijepiti direktno u stilski list. HSV i CMYK nisu CSS zapisi, pa su napisani u uobičajenom funkcijskom stilu radi čitanja.

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

Kako funkcioniše pretvorba

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

Kad uneseš LAB, LCH ili OKLCH boju koja je previše zasićena za običan ekran, ona leži izvan sRGB gamuta i nema HEX ekvivalent. Alat tada prikaže poruku i preslika je na najbližu boju koja se može prikazati, smanjujući joj hromu 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), isto za M i Y. ICC profil nije uključen, pa brojevi ne predviđaju šta će određena štamparska mašina odštampati. Za profesionalnu štampu pretvaraj u svom programu za prelom s profilom koji daje tvoja štamparija (na primjer FOGRA39 ili GRACoL). Pretvorba CMYK natrag u RGB koristi inverznu formulu R = (1 − C)(1 − K).

Česta pitanja

Kako ručno pretvoriti HEX u RGB?

Podijeli kôd 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 i HSV?

Oba koriste ugao tona i zasićenje, ali je treća vrijednost kod HSL svjetlina (50 % je čista boja, 100 % je bijela), a kod HSV vrijednost ili osvijetljenost (100 % je čista boja ili bijela, zavisno od zasićenja). Ista boja zato ima različite brojeve zasićenja u svakom modelu.

Zašto je moja LAB vrijednost drugačija nego u drugom pretvaraču?

Najvjerovatnije zbog bijele tačke. Ovaj alat koristi D50, kao CSS lab(). Pretvarači zasnovani na D65 daju malo drugačije brojeve. Oba su tačna u svom referentnom okviru.

Mogu li pretvoriti CMYK u HEX?

Da. 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.

Prihvata li boje bez znaka #?

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

Srodni alati