Utilia

Pretvarač boja

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

Primeri:

Pretvaranja

CMYK je naivno pretvaranje bez ICC profila. Za štampu zatraži od štamparije pretvaranje zasnovano na profilu.

Kako se koristi pretvarač boja

  1. Upiši ili nalepi 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. Pretvaranja se prikazuju dok kucaš. Možeš i da pritisneš Enter ili klikneš Pretvori.
  3. Pogledaj uzorak: prikazuje boju i Prepoznat format, pa znaš kako je tvoj unos pročitan.
  4. Klikni Kopiraj pored formata koji ti treba. Dugmad s primerima služe da isprobaš uobičajene unose.

Pretvaranje se u celini izvršava u tvom pregledaču. Ništa što upišeš ne šalje se na server.

Podržani formati

Format Primer Tipična upotreba
HEX #FF6347 HTML, CSS, dizajnerski alati
RGB rgb(255, 99, 71) CSS, kod, uređivači slika
HSL hsl(9, 100%, 64%) CSS, podešavanje svetline
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

Rezultati u formatima HEX, RGB, HSL, HWB, LAB, LCH i OKLCH su ispravan CSS koji možeš da nalepiš pravo u stilski fajl. HSV i CMYK nisu CSS zapisi, pa su napisani u uobičajenom funkcijskom stilu radi čitanja.

Ako tvoj unos ima providnost (na primer rgb(255 0 0 / 50%)), pretvarač je zadržava: HEX postaje osmocifreni kod poput #FF000080, a ostali formati dobijaju alfa vrednost.

Kako funkcionišu pretvaranja

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

Kad uneseš LAB, LCH ili OKLCH boju koja je previše zasićena za običan ekran, ona leži van sRGB gamuta i nema HEX ekvivalent. Alat tada prikazuje poruku i preslikava je na najbližu boju koja može da se prikaže tako što smanjuje hromu, a zadržava svetlinu i ton.

CMYK je aproksimacija

CMYK vrednosti koriste naivnu formulu K = 1 − max(R, G, B) i C = (1 − R − K) / (1 − K), a isto važi 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 uz profil koji daje štamparija (na primer FOGRA39 ili GRACoL). Pretvaranje CMYK nazad u RGB koristi inverznu formulu R = (1 − C)(1 − K).

Česta pitanja

Kako da ručno pretvorim HEX u RGB?

Podeli kod na tri para i svaki pretvori iz osnove 16 u osnovu 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ćenost, ali je treća vrednost kod HSL svetlina (50% je čista boja, 100% je bela), a kod HSV vrednost ili osvetljenost (100% je čista boja ili bela, zavisno od zasićenosti). Ista boja zato ima različite brojeve zasićenosti u svakom modelu.

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

Najverovatnije zbog bele 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 da pretvorim 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.

Da li prihvata boje bez znaka #?

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