Pretvarač iz RGB u HEX

Pretvarač RGB u HEX: precizno i trenutno dekodiranje boja

Ova stranica pretvara tri decimalna broja – vrijednosti crvene, zelene i plave komponente u rasponu od 0 do 255 – u šestoznamenkasti heksadecimalni kôd boje poput #1E90FF. Uz sam prikaz hex kôda, alat istovremeno vizualno prikazuje dobivenu boju i ažurira sve ostale podržane formate (HSL, HSV, CMYK, LAB i odabir boje). To znači da korisnik odmah dobije točnu hex vrijednost spremnu za CSS, dizajnerski softver ili bilo koji drugi tijek rada koji zahtijeva heksadecimalni zapis boje.

Što ovu stranicu čini drugačijom

Za razliku od mnogih alata koji zaokružuju ili približavaju vrijednosti, ovaj pretvarač radi unutar sRGB radnog prostora – istog onog kojeg koristi većina zaslona. RGB i hex prikazuju potpuno isti raspon boja, pa nema gubitka informacija niti prilagodbe izvan gamuta. Konverzija je egzaktna i u potpunosti reverzibilna.

Ključne razlike:

• Bez alfa kanala – hex izlaz uvijek počinje s # i sadrži šest znamenki. Ne postoji osamznamenkasti oblik (s prozirnošću) koji bi se generirao, iako alat u hex unosu prihvaća i troznamenkasti shorthand (npr. #abc), koji interno proširuje na šest znamenki.
• Stalno ažuriranje – nema gumba "pretvori". Promjena bilo kojeg polja formata trenutno osvježava sva ostala polja, uključujući RGB, HSL, HSV, CMYK, LAB i odabir boje.
• Obrada u pregledniku – sve se izvršava lokalno, niti jedan podatak se ne šalje na poslužitelj.

Ulazni RGB format očekuje tri broja odvojena zarezima ili razmacima, npr. 79, 70, 229. Svaka komponenta mora biti u rasponu 0–255. Ako korisnik unese vrijednosti izvan tog raspona ili neispravan format, alat prikazuje poruku: “Unesite RGB kao tri broja 0–255, poput 79, 70, 229.”

Kako funkcionira pretvorba: matematika iza hex kôda

Heksadecimalni brojevni sustav koristi bazu 16, sastavljenu od znamenki 0–9 i slova A–F. Svaka komponenta boje (R, G, B) u decimalnom obliku 0–255 pretvara se u dvoznamenkasti heksadecimalni par.

Formula je jednostavna: podijelite decimalnu vrijednost s 16. Kvocijent (cijeli broj) daje prvu znamenku, a ostatak (0–15) drugu. Svaka znamenka se zatim zapisuje kao heksadecimalni znak (0–9 za 0–9, A–F za 10–15).

Primjer za 79, 70, 229:

• Crvena (79): 79 ÷ 16 = 4 (kvocijent), ostatak 15 → 4F
• Zelena (70): 70 ÷ 16 = 4, ostatak 6 → 46
• Plava (229): 229 ÷ 16 = 14, ostatak 5 → E5

Spajanjem: #4F46E5.

Alat uvijek generira šest znamenki. Neće automatski sažeti #AABBCC u #ABC, iako se takav kratki oblik može unijeti u hex polje, a alat će ga interno proširiti (npr. #abc postaje #aabbcc).

Pravila unosa i moguće zamke

Alat očekuje tri broja odvojena zarezima ili razmacima. Primjeri ispravnog unosa:

• 79, 70, 229
• 79 70 229
• 79,70,229
• 79 70 229 (s razmakom)

Neispravni unosi i odgovarajuće poruke:

• 79, 70, 300 → “Unesite RGB kao tri broja 0–255, poput 79, 70, 229.”
• 79, 70 (samo dvije vrijednosti) → ista poruka.
• 79, 70, 229, 100 (četiri vrijednosti) → alat to tretira kao neispravan format.
• Slova ili drugi znakovi osim zareza, razmaka i brojeva → poruka o pogrešci.

Važno: Hex polje prihvaća i tri i šest znamenki, s ili bez #. Ako unesete abc, alat pretpostavlja da je to troznamenkasti shorthand i proširuje ga u #aabbcc. Unos #abc radi jednako. Unos aabbcc ili #aabbcc ostaje nepromijenjen (bez sažimanja).

Tko koristi RGB u hex pretvorbu?

Front-end developeri

U CSS-u se boje najčešće zapisuju u hex obliku, bilo za color, background-color, border-color ili druga svojstva. Primjer:

.naslov {
  color: #4F46E5;
}

Kada dobiju RGB specifikaciju iz dizajnerskog alata (Figma, Sketch, Adobe XD), trebaju brzu pretvorbu bez ručnog računanja.

UI/UX dizajneri

Često rade s RGB trojkama u Photoshopu ili GIMP-u, a za predaju razvojnom timu ili za daljnju obradu u alatu za prototipiranje trebaju hex kôd. Ovaj alat eliminira mogućnost pogreške pri ručnom pretvaranju.

Grafički dizajneri koji rade s web resursima

Kada pripremaju boje za web, žele dosljednost između RGB prototipa i konačne hex implementacije. Budući da se RGB i hex odnose na isti sRGB prostor, nema odstupanja.

Studenti i hobisti

Učenje kako digitalne boje funkcioniraju kroz aditivni model često uključuje pretvorbu iz decimalnog u heksadecimalni sustav. Ovaj alat omogućuje provjeru vlastitih izračuna i brzi uvid u rezultat.

Korisnici alata za odabir boje

Photoshop, GIMP, Chrome DevTools i mnogi drugi alati prikazuju RGB vrijednosti. Za unos u stilsku tablicu potreban je hex – alat pretvara u trenu.

RGB model boja i heksadecimalni kôd

Aditivna sinteza boja

RGB model temelji se na aditivnom miješanju svjetlosti. Crvena, zelena i plava su primarne boje. Kada se sve tri pomiješaju u maksimalnom intenzitetu (255, 255, 255), dobiva se bijela. Kada su sve tri na 0, dobiva se crna. Sve ostale boje su kombinacije različitih intenziteta.

Svaki kanal ima 256 mogućih vrijednosti (0–255), što daje ukupno 256³ = 16.777.216 boja – standard 24-bitne dubine boje.

Heksadecimalna struktura

Hex kôd počinje znakom # i obično sadrži šest heksadecimalnih znamenki: prve dvije za crvenu, srednje dvije za zelenu, posljednje dvije za plavu.

• #RRGGBB – potpuni oblik
• #RGB – shorthand oblik, gdje se svaka znamenka udvostručuje (npr. #F1A postaje #FF11AA)

Hex zapis nije osjetljiv na velika i mala slova. #4F46E5 i #4f46e5 su isti kôd. No konvencija u CSS-u i većini alata preferira velika slova ili mala – oboje je prihvaćeno.

sRGB radni prostor

sRGB (standard RGB) je najrašireniji prostor boja za web, digitalne fotoaparate, monitore i pisače (uz profile). On definira točne vrijednosti primarnih boja i gama korekciju. Budući da i RGB i hex vrijednosti na ovoj stranici rade unutar sRGB, pretvorba je potpuno linearna i bez gubitaka.

Razlika između RGB (decimalni) i hex (heksadecimalni) je samo u zapisu – ne u boji. Ako istu vrijednost unesete u bilo koji drugi alat koji podržava sRGB, dobit ćete identičan rezultat.

Česta pitanja (FAQ)

1. Zašto hex kôd uvijek ima šest znamenki, a ne tri?

Alat generira šest znamenki jer svaka od tri RGB komponente (0–255) zahtijeva dvije heksadecimalne znamenke. Troznamenkasti shorthand je samo skraćeni zapis – svaka znamenka se udvostručuje, pa #F00 odgovara #FF0000. Naš alat ne sažima automatski, ali prihvaća troznamenkasti unos i proširuje ga.

2. Što se događa ako unesem vrijednost izvan 0–255?

Alat odmah prikazuje poruku: “Unesite RGB kao tri broja 0–255, poput 79, 70, 229.” Neće pokušati interpretirati ili zaokružiti vrijednost – strogo provjerava raspon.

3. Mogu li koristiti razmake umjesto zareza?

Da. Prihvatljivi su i zarezi i razmaci, kao i kombinacija. Primjer: 79 70 229 je potpuno ispravan unos.

4. Hoće li alat generirati hex kôd s alfa kanalom (poput #RRGGBBAA)?

Ne, osim ako ne koristite polje za hex unos koje podržava osam znamenki. Alat ne pretvara RGB u hex s alfa – to bi zahtijevalo dodatnu komponentu (A). Ako unesete #1E90FF80 u hex polje, alat će ga prihvatiti i prikazati boju s prozirnošću, ali RGB polje neće sadržavati alfa informaciju. Sam RGB pretvarač uvijek daje šestoznamenkasti hex.

5. Je li pretvorba točno reverzibilna? Mogu li hex vratiti u iste RGB brojeve?

Da, potpuno. Budući da se oba formata odnose na isti raspon od 0–255 po kanalu, pretvorba je linearna. Hex #4F46E5 i RGB (79, 70, 229) predstavljaju istu boju. Nema zaokruživanja ni gubitaka.

6. Zašto vidim druge formate poput HSL ili CMYK? Jesu li i oni točni?

Alat prikazuje i HSL, HSV, CMYK i LAB vrijednosti istovremeno. Iako su te pretvorbe izvedene iz RGB vrijednosti, one mogu varirati ovisno o profilu boje (posebice CMYK, ovisi o profilu pisača). RGB i hex su međusobno egzaktni; ostali formati su približni i služe za orijentaciju. Za preciznu CMYK pretvorbu preporučuje se korištenje namjenskog profila.