HEX kod upakuje tri 8-bitna broja u šest heksadecimalnih znamenki. Pretvaranje HEX u RGB znači razdvojiti te znamenke u parove i svaku paricu pročitati kao decimalni broj između 0 i 255 — upravo one vrijednosti koje očekuju CSS, Figma i uređivači slika.
Kako radi konverzija iz HEX u RGB
- Ukloni vodeći # i, ako kod ima samo tri znamenke, udvostruči svaku: #f53 postaje #ff5533.
- Podijeli šest znamenki u tri para — RR, GG i BB.
- Pročitaj svaki par kao broj u bazi 16 i pretvori ga u bazu 10: FF postaje 255, 57 postaje 87, 33 postaje 51.
- Napiši tri rezultata kao rgb(R, G, B).
Primjer koji radi
Ova konverzija je tačna. HEX i RGB opisuju iste sRGB vrijednosti različitim zapisom, tako da se ništa ne zaokružuje niti gubi u nijednom smjeru.
HEX i RGB objašnjeni
Šta je HEX?
HEX kod je šesteroznamenkasti heksadecimalni broj koji pohranjuje crvenu, zelenu i plavu komponentu boje iza vodećeg #. Svaki par znamenki pokriva jednu komponentu, od 00 (nema) do FF (puno), što daje istih 16,7 miliona boja kao RGB, ali u kraćem zapisu. HEX je zadani u CSS-u, alatima za dizajn i smjernicama brenda.
- Sintaksa:
- #RRGGBB
- Opseg:
- 00–FF po kanalu
- Najbolje za:
- CSS, predaja dizajna, smjernice brenda
Šta je RGB?
RGB opisuje boju kao tri kanala svjetlosti — crvenu, zelenu i plavu — svaki od 0 do 255. To odražava kako ekrani zapravo rade: svi na 255 daju bijelu, svi na 0 daju crnu. RGB je pravi izbor kad trebaš računati s bojom, a rgba() dodaje prozirnost preko toga.
- Sintaksa:
- rgb(R, G, B)
- Opseg:
- 0–255 po kanalu
- Najbolje za:
- kod, canvas, prozirnost s 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) |