Pretvornik sprejme vsako CSS obliko hex zapisa: 6-mestno #ff5733, 3-mestno okrajšano #f53, ter 4- in 8-mestno obliko z alfa kanalom, z ali brez #. Prikaže niz rgb() ali rgba(), čiste vrednosti kanalov in razčlenitev po kanalih - ter obratno vrstico RGB v HEX, kadar potrebujete pretvorbo v drugo smer. Vse se izvaja v vašem brskalniku - brez nalaganja, brez računa, brez omejitev.
Pretvornik HEX v RGB
Vse poteka v vašem brskalniku - brez nalaganja, brez registracije.
CSS
rgb(255, 87, 51)RGB vrednosti
255, 87, 51Kako se pretvori
Rdeča
FF255Zelena
5787Modra
3351Gremo v drugo smer? RGB v HEX
#ff5733Kako pretvoriti HEX v RGB?
Hex koda barve so tri pare šestnajstiških znamenk, po en par za vsak kanal. Vsak par pretvorite v decimalno število od 0 do 255: pri #ff5733 je ff enako 255 rdeče, 57 je 87 zelene in 33 je 51 modre, zato je RGB vrednost rgb(255, 87, 51). Ta pretvornik to naredi takoj, medtem ko tipkate.
Kako uporabljati
- 1Vnesite hex kodo. Vtipkajte ali prilepite hex barvo, npr. #ff5733 (ali #f53), ali jo izberite z barvnim vzorcem. Znak # ni obvezen.
- 2Preberite RGB vrednost. Niz rgb(), čiste vrednosti 0-255 in predogled barve v živo se posodabljajo med tipkanjem, poleg razčlenitve po kanalih, ki prikazuje, kako se vsak hex par pretvori.
- 3Kopirajte obliko, ki jo potrebujete. Kliknite Kopiraj poleg niza rgb() ali surovih vrednosti. Potrebujete obratno smer? Spodaj vnesite rdečo, zeleno in modro, da dobite hex kodo nazaj.
Komu je namenjeno
- Frontend razvijalci, ki hex kodo iz oblikovnega vodnika pretvorijo v rgb(), da lahko z rgba() dodajo prosojnost.
- Oblikovalci, ki premikajo barve znamke med orodji, ki zahtevajo hex (CSS, Figma), in orodji, ki zahtevajo vrednosti 0-255 (nekatera orodja za tisk in video).
- E-poštne in marketinške ekipe, ki usklajujejo barve kampanje med urejevalniki, ki sprejemajo samo en zapis.
- Razvijalci iger in aplikacij, ki vrednosti kanalov 0-255 vnašajo v pogone in SDK-je, ki ne razumejo hex nizov.
Pogosta vprašanja
Je ta pretvornik HEX v RGB brezplačen?
Da - povsem je brezplačen, brez registracije in brez omejitev. V celoti deluje v vašem brskalniku.
Se moje barve kam pošiljajo?
Ne. Pretvorba je navaden JavaScript, ki se izvaja na vaši napravi - nič se ne pošilja na strežnik, orodje pa deluje tudi brez povezave, ko je stran enkrat naložena.
Kakšna je formula za pretvorbo HEX v RGB?
Hex kodo razdelite na tri pare in vsak par pretvorite iz osnove 16 v decimalno število: prvo znamenko pomnožite s 16 in prištejte drugo (a=10 ... f=15). Pri #ff5733: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Podpira okrajšani zapis s 3 znamenkami, npr. #f53?
Da. V CSS okrajšanem zapisu se vsaka znamenka podvoji, zato se #f53 razširi v #ff5533 in pretvori v rgb(255, 85, 51). 4-mestna oblika deluje enako, zadnja znamenka pa je alfa vrednost.
Kako pretvori HEX v RGBA?
8-mestna hex koda nosi alfa vrednost v zadnjem paru. Ta bajt (0-255) se deli s 255, da dobimo vrednost alfa med 0 in 1, ki jo zahteva rgba(), zaokroženo na tri decimalke - tako #ff573380 postane rgba(255, 87, 51, 0.502).
Lahko pretvori RGB nazaj v HEX?
Da. Uporabite vrstico RGB v HEX pod rezultatom: vnesite vrednosti rdeče, zelene in modre od 0 do 255 in takoj dobite hex kodo. Vrednosti izven obsega se omejijo na 0-255.
Zakaj potrebujem rgb() namesto hex zapisa?
Predvsem zaradi prosojnosti in računanja: rgba(255, 87, 51, 0.5) barvo naredi prosojno, mnogi API-ji, igralni pogoni in oblikovne specifikacije pa zahtevajo ločene številke kanalov 0-255 namesto hex niza.