HEX kod upakuje tri 8-bitna broja u šest heksadecimalnih cifara. Konverzija iz HEX u RGB znači podeliti te cifre u parove i svaku paricu čitati kao decimalni broj između 0 i 255 — upravo vrednosti koje CSS, Figma i image editori očekuju.
Kako funkcioniše pretvaranje HEX u RGB
- Ukloni početni # i, ako kod ima samo tri cifre, udvostruči svaku: #f53 postaje #ff5533.
- Podeli šest cifara u tri para — RR, GG i BB.
- Pročitaj svaki par kao broj u bazi 16 i konvertuj ga u bazu 10: FF postaje 255, 57 postaje 87, 33 postaje 51.
- Zapiši tri rezultata kao rgb(R, G, B).
Praktičan primer
Ova konverzija je tačna. HEX i RGB opisuju iste sRGB vrednosti u drugačijem zapisu, tako da se ništa ne zaokružuje niti gubi ni u jednom smeru.
HEX i RGB objašnjeni
Šta je HEX?
HEX kod je šestocifreni heksadecimalni broj koji čuva crvenu, zelenu i plavu komponentu boje iza početnog #. Svaki par cifara predstavlja jednu komponentu, od 00 (nema) do FF (puno), što daje istih 16,7 miliona boja kao RGB, ali u kraćem zapisu. HEX je podrazumevan u CSS-u, dizajn alatima i brend smernicama.
- Sintaksa:
- #RRGGBB
- Opseg:
- 00–FF po kanalu
- Najbolje za:
- CSS, predaja dizajna, brend smernice
Šta je RGB?
RGB opisuje boju kao tri kanala svetla — red, green i blue — svaki u opsegu od 0 do 255. To odražava kako ekrani zapravo rade: svi kanali na 255 daju belu, svi na 0 daju crnu. RGB je pravi izbor kad treba da računaš sa bojom, a rgba() dodaje transparentnost preko toga.
- Sintaksa:
- rgb(R, G, B)
- Opseg:
- 0–255 po kanalu
- Najbolje za:
- kod, canvas, transparentnost sa rgba()
HEX u RGB referentna tabela
Najčešće CSS boje, konvertovane 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) |