HEX kod spakira tri 8-bitna broja u šest heksadecimalnih znamenki. Pretvorba HEX u RGB znači razdvojiti te znamenke u parove i svaku dvojku pročitati kao decimalni broj između 0 i 255 — upravo one vrijednosti koje CSS, Figma i uređivači slika očekuju.
Kako funkcionira pretvorba HEX u RGB
- Ukloni vodeće # i, ako kod ima samo tri znamenke, udvostruči svaku: #f53 postaje #ff5533.
- Podijeli šest znamenki u tri para — RR, GG i BB.
- Svaki par pročitaj kao broj u bazi 16 i pretvori u bazu 10: FF postaje 255, 57 postaje 87, 33 postaje 51.
- Napiši tri rezultata kao rgb(R, G, B).
Primjer
Ova konverzija je točna. HEX i RGB opisuju iste sRGB vrijednosti u različitim notacijama, tako da se ništa ne zaokružuje niti gubi u nijednom smjeru.
HEX i RGB objašnjeno
Što je HEX?
HEX kod je šesteroznamenkasti heksadecimalni broj koji pohranjuje kanale crvene, zelene i plave boje iza vodećeg #. Svaki par znamenki predstavlja jedan kanal, od 00 (nijedan) do FF (puno), što daje istih 16,7 milijuna boja kao RGB u znatno kraćem zapisu. HEX je zadano u CSS-u, alatima za dizajn i smjernicama brenda.
- Sintaksa:
- #RRGGBB
- Raspon:
- 00–FF po kanalu
- Najbolje za:
- CSS, predaja dizajna, smjernice brenda
Što je RGB?
RGB opisuje boju kao tri kanala svjetla — crveni, zeleni i plavi — svaki od 0 do 255. Oponaša način na koji zasloni zapravo rade: sva tri na 255 daju bijelu, sva tri na 0 daju crnu. RGB je pravi izbor kad trebaš računati s bojom, a rgba() dodaje prozirnost.
- Sintaksa:
- rgb(R, G, B)
- Raspon:
- 0–255 po kanalu
- Najbolje za:
- kod, canvas, prozirnost s rgba()
Referentna tablica HEX u RGB
Najčešće CSS boje, pretvorene iz HEX u RGB.
| Boja | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |