Pretvarač prihvaća svaki CSS hex zapis: 6-znamenkasti #ff5733, 3-znamenkasti skraćeni #f53, te 4- i 8-znamenkasti oblik s alfa kanalom, sa ili bez #. Prikazuje rgb() ili rgba() niz, čiste vrijednosti kanala i raščlambu po kanalima - te obrnuti red RGB u HEX kad trebate ići u drugom smjeru. Sve se odvija u vašem pregledniku - bez slanja na server, bez računa, bez ograničenja.
HEX u RGB pretvarač
Radi u cijelosti u pregledniku - bez slanja podataka i bez registracije.
CSS
rgb(255, 87, 51)RGB vrijednosti
255, 87, 51Kako se pretvara
Crvena
FF255Zelena
5787Plava
3351Idete u drugom smjeru? RGB u HEX
#ff5733Kako pretvoriti HEX u RGB?
Hex kod boje su tri para heksadecimalnih znamenki, po jedan par za svaki kanal. Svaki par pretvorite u decimalni broj od 0 do 255: u #ff5733, ff je 255 crvene, 57 je 87 zelene i 33 je 51 plave, pa je RGB vrijednost rgb(255, 87, 51). Ovaj pretvarač to radi trenutno dok tipkate.
Kako se koristi
- 1Unesite hex kod. Utipkajte ili zalijepite hex boju poput #ff5733 (ili #f53), ili je odaberite pomoću uzorka boje. Znak # nije obavezan.
- 2Pročitajte RGB vrijednost. rgb() niz, čiste vrijednosti 0-255 i prikaz boje uživo ažuriraju se dok tipkate, uz raščlambu po kanalima koja pokazuje kako se svaki hex par pretvara.
- 3Kopirajte format koji trebate. Kliknite Kopiraj pored rgb() niza ili sirovih vrijednosti. Trebate obrnuti smjer? Unesite crvenu, zelenu i plavu ispod da dobijete hex kod natrag.
Za koga je
- Front-end razvojni programeri koji hex kod iz stilskog vodiča pretvaraju u rgb() da bi dodali prozirnost pomoću rgba().
- Dizajneri koji prenose boje brenda između alata koji traže hex (CSS, Figma) i alata koji traže vrijednosti 0-255 (neki alati za tisak i video).
- Timovi za e-poštu i marketing koji usklađuju boje kampanje između uređivača koji prihvaćaju samo jedan zapis.
- Razvojni programeri igara i aplikacija koji vrijednosti kanala 0-255 unose u engine i SDK-ove koji ne razumiju hex nizove.
Česta pitanja
Je li ovaj HEX u RGB pretvarač besplatan?
Da - potpuno je besplatan, bez registracije i bez ograničenja. Radi u potpunosti u vašem pregledniku.
Šalju li se moje boje negdje?
Ne. Pretvorba je obični JavaScript koji se izvodi na vašem uređaju - ništa se ne šalje na server, a alat nastavlja raditi i offline nakon što se stranica učita.
Koja je formula za pretvorbu HEX u RGB?
Podijelite hex kod na tri para i svaki par pretvorite iz baze 16 u decimalni broj: prvu znamenku pomnožite sa 16 i dodajte drugu (a=10 ... f=15). U #ff5733, ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Podržava li skraćeni zapis od 3 znamenke poput #f53?
Da. U CSS skraćenom zapisu svaka se znamenka udvostručuje, pa se #f53 proširuje u #ff5533 i pretvara u rgb(255, 85, 51). Zapis od 4 znamenke radi isto, s posljednjom znamenkom kao alfa vrijednošću.
Kako pretvara HEX u RGBA?
8-znamenkasti hex kod nosi alfa vrijednost u zadnjem paru. Taj se bajt (0-255) dijeli s 255 da bi se dobila alfa vrijednost 0-1 koju rgba() traži, zaokružena na tri decimale - pa #ff573380 postaje rgba(255, 87, 51, 0.502).
Može li pretvoriti RGB natrag u HEX?
Da. Koristite red RGB u HEX ispod rezultata: unesite vrijednosti crvene, zelene i plave od 0 do 255 i odmah dobijete hex kod. Vrijednosti izvan raspona se ograniče na 0-255.
Zašto mi treba rgb() umjesto hex zapisa?
Uglavnom zbog prozirnosti i računanja: rgba(255, 87, 51, 0.5) čini boju prozirnom, a mnogi API-ji, game engine-i i dizajn specifikacije traže odvojene brojeve kanala 0-255, a ne hex niz.