Convertorul acceptă orice formă hex din CSS: forma pe 6 cifre #ff5733, forma prescurtată pe 3 cifre #f53, precum și formele pe 4 și 8 cifre cu canal alfa, cu sau fără #. Afișează șirul rgb() sau rgba(), valorile brute ale canalelor și o defalcare pe fiecare canal - plus un rând invers RGB în HEX, pentru când ai nevoie de conversie în cealaltă direcție. Totul se întâmplă în browserul tău - fără încărcare pe server, fără cont, fără limite.
Convertor HEX în RGB
Rulează integral în browserul tău - fără încărcare, fără cont.
CSS
rgb(255, 87, 51)Valori RGB
255, 87, 51Cum se convertește
Roșu
FF255Verde
5787Albastru
3351Mergi în sens invers? RGB în HEX
#ff5733Cum convertesc HEX în RGB?
Un cod de culoare hex este format din trei perechi de cifre hexazecimale, câte o pereche pentru fiecare canal. Convertești fiecare pereche într-un număr zecimal de la 0 la 255: în #ff5733, ff înseamnă 255 roșu, 57 înseamnă 87 verde și 33 înseamnă 51 albastru, deci valoarea RGB este rgb(255, 87, 51). Acest convertor face asta instant, pe măsură ce scrii.
Cum se folosește
- 1Introdu un cod hex. Scrie sau lipește o culoare hex precum #ff5733 (sau #f53), sau alege-o cu selectorul de culoare. Simbolul # este opțional.
- 2Citește valoarea RGB. Șirul rgb(), valorile brute 0-255 și previzualizarea live a culorii se actualizează pe măsură ce scrii, împreună cu o defalcare pe canale care arată cum se convertește fiecare pereche hex.
- 3Copiază formatul de care ai nevoie. Apasă Copiază lângă șirul rgb() sau valorile brute. Ai nevoie de sensul invers? Introdu mai jos roșu, verde și albastru ca să recuperezi codul hex.
Pentru cine este
- Dezvoltatorii front-end care transformă un cod hex dintr-un ghid de stil în rgb(), ca să poată adăuga transparență cu rgba().
- Designerii care mută culorile unui brand între instrumente care cer hex (CSS, Figma) și instrumente care cer valori 0-255 (unele aplicații de print și video).
- Echipele de email și marketing care potrivesc culorile unei campanii între editoare ce acceptă doar o singură notație.
- Dezvoltatorii de jocuri și aplicații care introduc valori de canal 0-255 în motoare și SDK-uri care nu interpretează șiruri hex.
Întrebări frecvente
Este gratuit acest convertor HEX în RGB?
Da - este 100% gratuit, fără cont și fără limite. Rulează în întregime în browserul tău.
Sunt culorile mele trimise undeva?
Nu. Conversia este simplu JavaScript care rulează pe dispozitivul tău - nimic nu este trimis către un server, iar instrumentul continuă să funcționeze offline după ce pagina s-a încărcat.
Care este formula pentru a converti HEX în RGB?
Împarte codul hex în trei perechi și convertește fiecare pereche din baza 16 în zecimal: înmulțește prima cifră cu 16 și adaugă a doua (a=10 ... f=15). În #ff5733: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Acceptă forma prescurtată pe 3 cifre, precum #f53?
Da. În notația prescurtată CSS, fiecare cifră se dublează, deci #f53 se extinde la #ff5533 și se convertește în rgb(255, 85, 51). Forma pe 4 cifre funcționează la fel, cu ultima cifră drept valoare alfa.
Cum convertește HEX în RGBA?
Un cod hex pe 8 cifre poartă valoarea alfa în ultima pereche. Acel octet (0-255) este împărțit la 255 pentru a obține valoarea alfa între 0 și 1 cerută de rgba(), rotunjită la trei zecimale - astfel #ff573380 devine rgba(255, 87, 51, 0.502).
Poate converti RGB înapoi în HEX?
Da. Folosește rândul RGB în HEX de sub rezultat: introdu valorile roșu, verde și albastru de la 0 la 255 și primești instant codul hex. Valorile aflate în afara intervalului sunt limitate la 0-255.
De ce am nevoie de rgb() în loc de hex?
În principal pentru transparență și calcule: rgba(255, 87, 51, 0.5) face o culoare translucidă, iar multe API-uri, motoare de joc și specificații de design cer numere separate de canal 0-255, nu un șir hex.