Convertor RGB în HEX

Ce face această pagină și de ce este diferită

Pagina de conversie RGB‑to‑hex primește trei numere întregi – roșu, verde și albastru – fiecare între 0 și 255, și afișează instantaneu codul hexadecimal echivalent (de exemplu, #1E90FF). Pe lângă codul hex, instrumentul arată culoarea respectivă sub forma unui dreptunghi previzualizat și actualizează simultan toate celelalte formate de culoare suportate: HSL, HSV, CMYK, LAB și selectorul de culoare propriu‑zis. Nu există niciun buton „Convertește” – orice modificare într‑un câmp propagă imediat valorile în toate celelalte câmpuri.

Ceea ce diferențiază această pagină de uneltele generice de conversie este faptul că pleacă de la o reprezentare RGB decimală (trei canale, 0‑255) și produce exact codul hex corespunzător, fără nicio aproximare. Cele două formate descriu același spațiu de culoare – spațiul de lucru sRGB folosit de majoritatea ecranelor –, așadar nu există tăiere de gamă sau pierdere de informație. Conversia este reversibilă: din hex poți recăpăta întotdeauna tripletul RGB original. Hex‑ul generat este întotdeauna pe șase cifre (de exemplu #4F46E5), iar prefixul # este obligatoriu. Instrumentul nu colapsează automat perechile identice într‑o formă prescurtată de trei cifre (de exemplu, #AABBCC rămâne #AABBCC, nu devine #ABC). Totuși, câmpul de intrare hex acceptă forma prescurtată de trei cifre (de exemplu #abc), pe care o expandează intern la șase cifre.

În plus, procesarea se face integral în browser – nimic din ceea ce introduceți nu este trimis pe vreun server.

Matematica din spatele conversiei: cum se transformă 0‑255 în hex

Conversia de la RGB (zecimal) la hex (hexazecimal) este strict mecanică. Fiecare canal de culoare – roșu, verde, albastru – este un număr între 0 și 255. Pentru a obține reprezentarea hex a unui canal, împărțiți valoarea zecimală la 16. Câtul reprezintă prima cifră hex, iar restul reprezintă a doua cifră hex. De exemplu:

• Roșu = 79. 79 ÷ 16 = 4, rest 15 → 4 și F → 4F.
• Verde = 70. 70 ÷ 16 = 4, rest 6 → 4 și 6 → 46.
• Albastru = 229. 229 ÷ 16 = 14, rest 5 → E și 5 → E5.

Concatenând cele trei perechi obținem #4F46E5. Cifrele hexazecimale sunt: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Nu există litere după F – 255 devine FF (15 × 16 + 15 = 255). 0 devine 00. Această corespondență directă face ca conversia să fie exactă și rapidă, fără spațiu pentru interpretare.

Pentru claritate, iată un tabel cu câteva valori comune:

Codul hex final este format prin alăturarea celor trei perechi: RRGGBB, precedate de #. Nu există spații, virgule sau alte separatoare – doar șase caractere hexazecimale (cifre sau litere mari/mici). Instrumentul acceptă litere mari și mici la fel, dar produce întotdeauna litere mari (de exemplu #4F46E5).

Reguli de introducere a datelor și gestionarea erorilor

Câmpul de intrare RGB așteaptă exact trei numere, fiecare între 0 și 255, separate prin virgule și/sau spații. Exemple corecte:

• 79, 70, 229
• 79 70 229
• 79,70,229

Dacă utilizați un format greșit – de exemplu, patru numere, litere, sau numere în afara intervalului 0‑255 –, instrumentul afișează următorul mesaj de eroare:
„Enter RGB as three numbers 0‑255, like 79, 70, 229.”
Acest mesaj este unic pentru această pagină și nu apare la alte conversii (de exemplu, la intrarea HSL). De ce este important? Pentru că greșeala cea mai frecventă la utilizatorii începători este să introducă valori precum 256 sau -1, care nu au corespondent în spațiul sRGB. De asemenea, unii utilizatori confundă gama 0‑255 cu gama procentuală 0‑100% (folosită în HSL). Instrumentul nu face conversia automată – trebuie să respectați intervalul exact.

Un alt caz limită: dacă introduceți valori cu zecimale (de exemplu 79.5), instrumentul le va trata ca eroare, deoarece canalul RGB este definit doar pe numere întregi. Aceasta este o convenție standard în toate sistemele de culoare digitale – canalele RGB sunt discrete, nu continue.

Cine are nevoie de această conversie și în ce situații practice

Publicul țintă al acestei pagini este variat, dar toți utilizatorii au un lucru în comun: au nevoie de codul hex corespunzător unor valori RGB cunoscute.

• Dezvoltatorii front‑end care lucrează cu CSS și au nevoie de coduri hex pentru proprietăți precum color sau background‑color. Deși în CSS modern se pot folosi și funcții precum rgb(79, 70, 229), multe echipe preferă hex‑ul pentru concizie și compatibilitate cu versiunile mai vechi de browsere.
• Designerii UI/UX care primesc specificații de culoare sub formă de triplete RGB (de exemplu, din Photoshop, GIMP sau instrumente de captură a culorii) și trebuie să le transforme pentru livrabilele de cod sau pentru bibliotecile de design (Figma, Sketch, Zeplin).
• Graficienii care lucrează cu active web – de multe ori, un fișier PSD include palete de culori în format RGB, iar pentru exportul ca SVG sau CSS este mai rapid să ai codul hex la îndemână.
• Studenții și pasionații de tehnologie care învață cum funcționează culorile digitale și vor să înțeleagă relația dintre reprezentarea zecimală și cea hexazecimală.
• Oricine folosește un selector de culoare care returnează valori RGB (de exemplu, instrumentele de dezvoltare din Chrome, Firefox) și are nevoie de codul hex corespunzător pentru un fișier de stiluri.

Un exemplu concret: lucrați la un site și alegeți o culoare de accent în Photoshop. Photoshop vă arată R=79 G=70 B=229. În loc să calculați mental hex‑ul, lipiți tripletul în această pagină și obțineți instant #4F46E5. Îl copiați și îl folosiți direct în CSS.

Relația dintre RGB, hex și spațiul de culoare sRGB

Atât RGB (cu valorile 0‑255) cât și hex (cu șase cifre) reprezintă aceeași mulțime de culori din spațiul sRGB. sRGB este spațiul de culoare standard pentru majoritatea monitoarelor, televizoarelor, telefoanelor și imprimantelor web. El acoperă aproximativ 35% din spectrul vizibil al ochiului uman, dar este suficient pentru majoritatea aplicațiilor digitale.

Conversia între RGB și hex este pierdere zero. Dacă luați o culoare RGB și o convertiți în hex, apoi o convertiți înapoi, veți obține exact aceleași valori. Nu există rotunjire, aproximare sau tăiere de gamă, spre deosebire de conversia din RGB în CMYK (care implică trecerea de la un spațiu aditiv la unul substractiv și poate produce diferențe vizibile). De aceea, această pagină nu afișează niciun avertisment de gamă – pur și simplu nu există.

Dacă lucrați cu print (CMYK), veți observa că aceeași culoare RGB poate arăta diferit pe hârtie decât pe ecran. Conversia RGB→hex rămâne corectă pentru ecran, dar pentru print va trebui să folosiți o unealtă separată care aplică profilele de culoare ale hârtiei și ale imprimantei. Această pagină nu face asta – rămâne strict în domeniul digital.

Utilizarea codurilor hex în CSS și în designul web

În CSS, codurile hex sunt cea mai comună modalitate de a specifica culorile. Sintaxa este #RRGGBB, unde RR, GG, BB sunt perechi hex (00‑FF). Opțional, se poate adăuga un al patrulea canal pentru transparență (#RRGGBBAA), dar această pagină nu generează codul cu opt cifre – pentru asta există o altă unealtă.

Exemple de proprietăți CSS care folosesc hex:

body {
  background-color: #1E90FF;  /* Dodger Blue */
}
a {
  color: #FF4500; /* Orange Red */
}

CSS acceptă și forma prescurtată de trei cifre (de exemplu #abc), care este echivalentă cu #aabbcc. Această formă este utilă pentru culori cu perechi identice, dar nu este suportată de toate browserele foarte vechi. Instrumentul nostru nu prescurtează automat, dar acceptă la intrare forma de trei cifre și o expandează la șase.

Un aspect important: hex‑ul cu litere mici sau mari funcționează identic în CSS. #4F46E5 este același cu #4f46e5. Browserele interpretează literele în mod case‑insensitive.

Dacă lucrați cu variabile CSS (custom properties), puteți stoca codul hex și îl puteți reutiliza:

:root {
  --primary: #4F46E5;
}
.button {
  background-color: var(--primary);
}

Întrebări frecvente (FAQ)

1. De ce nu pot introduce valori mai mari de 255?
Deoarece spațiul de culoare sRGB definește fiecare canal pe 8 biți, adică valori întregi de la 0 la 255. Orice număr în afara acestui interval nu are corespondent în sistemul hex pe șase cifre și este respins ca eroare.

2. Pot introduce valori cu zecimale, de exemplu 79.5?
Nu. Canalele RGB sunt discrete (numere întregi). Zecimalele nu sunt permise și vor declanșa mesajul de eroare standard.

3. Care este diferența dintre #AABBCC și #ABC?
Nu există nicio diferență cromatică – #ABC este o prescurtare a #AABBCC. CSS le tratează ca fiind identice. Instrumentul expandează automat #ABC la #AABBCC pentru claritate.

4. Se pierde vreo informație la conversia din RGB în hex?
Nu. Cele două sisteme descriu exact aceeași mulțime de culori în spațiul sRGB. Conversia este reversibilă fără pierderi.

5. Cum pot folosi codul hex generat în Adobe Photoshop sau Figma?
În Photoshop, în picker‑ul de culoare, există un câmp pentru cod hex – lipiți valoarea direct. În Figma, selectați un obiect, deschideți panoul de proprietăți pentru umplere, și în câmpul de culoare introduceți hex‑ul (cu #). Funcționează la fel și în Sketch, GIMP, Affinity Designer etc.

6. De ce nu văd opțiunea de a genera codul hex cu opt cifre (cu transparență)?
Această pagină este dedicată conversiei fără canal alpha. Pentru hex cu opt cifre (de exemplu #4F46E5FF) există o altă unealtă pe site care include și transparența.