Convertor HEX în RGB

Ce face această pagină

Pe această pagină se tastează un cod de culoare hexazecimal – de exemplu #4f46e5 sau #abc – și se obțin instantaneu valorile RGB corespunzătoare (trei numere între 0 și 255). Rezultatul apare alături de alte formate de culoare (HSL, HSV, CMYK, LAB), gata de copiat direct în cod sau în programe de design. Conversia este strict matematică: fiecare pereche de cifre hexazecimale este transformată în baza 10, iar valorile RGB rezultate sunt numere întregi exacte, fără rotunjire sau ajustare.

De ce HEX și RGB sunt două fețe ale aceleiași monede

Codurile hexazecimale (de genul #RRGGBB) nu sunt altceva decât o notație compactă pentru aceleași trei canale de 8 biți pe care le folosește direct RGB. Fiecare dintre cele trei perechi de cifre hex (RR, GG, BB) reprezintă o valoare între 00 (0) și FF (255) în baza 16. De exemplu, 4f în hexazecimal înseamnă 4×16 + 15 = 79, adică exact canalul roșu al culorii rgb(79, 70, 229). Așadar, un cod HEX este doar o prescurtare a tripletului RGB, iar această pagină face conversia în sens invers – din forma prescurtată (baza 16) în forma numerică zecimală pe care o înțeleg ecranele.

De ce s-a impus notația hex? Pentru că într-un fișier CSS sau HTML este mai ușor de scris #ff6600 decât rgb(255, 102, 0), iar cele 6 caractere ocupă mai puțin spațiu. În schimb, în API-urile JavaScript (canvas, WebGL) sau în bibliotecile de prelucrare a imaginilor, valorile numerice (0–255) sunt obligatorii. Aici intervine utilitatea acestei pagini: convertește exact și rapid.

Reguli precise și cazuri limită

Unealta acceptă coduri hex în două formate:

• Șase cifre, cu sau fără # – de exemplu #1E90FF sau 1E90FF.
• Trei cifre (notația prescurtată) – de exemplu #abc sau abc. În acest caz, fiecare cifră este dublată automat: #abc devine #aabbcc înainte de conversie.

Dacă se introduce un șir care nu respectă aceste formate – de exemplu opt cifre, litere invalide (ggg), sau un cod incomplet – instrumentul afișează mesajul exact:
„Enter a hex color like #4f46e5 or #abc.”
Nu se face nicio conversie parțială; pagina așteaptă strict trei sau șase caractere hex, cu sau fără #.

Toate transformările se execută direct în browser, fără a trimite date pe server. Nu se reține nicio intrare și nu se generează istoric.

Cum se realizează conversia pas cu pas

Să luăm un exemplu concret: codul #4f46e5. Fără # avem șirul 4f46e5. Îl împărțim în trei perechi: 4f, 46, e5.

• Perechea 4f se citește în baza 16: 4 (poziția zecilor) × 16 + f (valoare 15) = 64 + 15 = 79.
• Perechea 46: 4 × 16 + 6 = 64 + 6 = 70.
• Perechea e5: e (14) × 16 + 5 = 224 + 5 = 229.

Rezultatul: rgb(79, 70, 229). Aceste trei numere sunt exact cele afișate de pagină.

Pentru un cod prescurtat de trei cifre, de exemplu #abc, se aplică mai întâi regula de dublare: a → aa, b → bb, c → cc, deci #abc devine #aabbcc. Apoi se convertește ca mai sus: aa = 170, bb = 187, cc = 204 → rgb(170, 187, 204).

Mai jos sunt câteva exemple frecvente, cu echivalențele exacte:

Observați că #abc se convertește la #aabbcc, nu la #abc000 sau altceva. Aceasta este convenția standard în CSS și HTML.

Pentru cine este utilă această unealtă

• Dezvoltatorii front‑end care scriu cod CSS și au nevoie de valori numerice RGB pentru a le folosi în JavaScript, de exemplu la crearea de gradienturi programatice, manipularea pixelilor pe un element canvas sau la definirea culorilor în funcție de interacțiuni.
• Designerii care primesc specificații de culoare în HEX (de la ghiduri de brand) și trebuie să le introducă în instrumente precum Photoshop, Figma sau Sketch, unde paletele RGB sunt exprimate cu ajutorul cursorilor 0–255.
• Specialiștii în accesibilitate care calculează contrastul conform WCAG. Raportul de contrast se bazează pe luminozitatea relativă, care la rândul ei se derivează din canalele RGB liniarizate. Având valorile exacte 0–255 se pot face calcule precise.
• Studenții care învață cum sunt codificate culorile pe ecrane, înțelegând corespondența directă dintre numerele hexazecimale și nivelurile de roșu, verde și albastru.

Noțiuni de bază despre reprezentarea hexazecimală

Sistemul hexazecimal (baza 16) folosește 16 simboluri: cifrele 0–9 și literele a–f (sau majuscule). Fiecare cifră are o valoare de la 0 la 15. Un număr de două cifre hex poate reprezenta valori de la 00 (0) la FF (255). Acesta este exact intervalul unui canal RGB de 8 biți. Deci fiecare pereche de cifre hex corespunde unui singur canal, iar tripletul RGB complet este alcătuit din exact trei astfel de perechi.

Notația prescurtată de trei cifre a apărut pentru a economisi spațiu atunci când fiecare canal poate fi exprimat printr‑o singură cifră hex care se repetă. De exemplu, culoarea rgb(170, 187, 204) ar putea fi scrisă ca #aabbcc, dar și ca #abc. Browserele și unele aplicații grafice acceptă această formă. Totuși, în conversia matematică, trebuie să expandați fiecare cifră la dublul ei, așa cum procedează unealta noastră.

O greșeală frecventă este să se încerce introducerea unui cod de opt cifre (cu canal alfa, precum #4f46e5ff). Pagina nu acceptă acest format și va afișa mesajul de eroare. Dacă aveți nevoie de conversia culorii cu transparență, ar trebui folosită o altă pagină specializată.

Întrebări frecvente

1. Pot introduce codul fără simbolul #?
Da, pagina acceptă coduri hex cu sau fără #. De exemplu, 4f46e5 și #4f46e5 sunt tratate identic.

2. Ce se întâmplă dacă introduc un cod de opt cifre?
Va apărea mesajul „Enter a hex color like #4f46e5 or #abc.” Uneltele de conversie HEX‑to‑RGB obișnuite nu interpretează canalul alfa; pentru coduri cu transparență (ARGB sau RGBA) este necesară o unealtă separată.

3. Cum se transformă un cod prescurtat de trei cifre în RGB?
Fiecare cifră se dublează: #abc devine #aabbcc. Apoi se convertește fiecare pereche. Rezultatul este același ca și cum ați fi scris codul cu șase cifre.

4. De ce valorile RGB sunt întotdeauna numere întregi, nu zecimale?
Conversia din baza 16 în baza 10 este una bijectivă pentru întregi – orice pereche de cifre hex corespunde unui singur număr între 0 și 255. Nu există nicio operație de rotunjire sau interpolare.

5. Pot folosi litere mari sau mici?
Da, literele A–F și a–f sunt tratate la fel. De exemplu, #1e90ff și #1E90FF produc același rezultat.

6. Pagina păstrează istoricul conversiilor?
Nu. Toate calculele se fac exclusiv în browserul dumneavoastră, fără a stoca sau trimite datele pe server. Odată ce închideți fereastra sau reîncărcați pagina, informațiile se pierd.