Cum convertesc RGB în HEX?

Tastează o valoare RGB precum rgb(46, 139, 87) în câmpul RGB, iar câmpul HEX afișează instantaneu codul corespunzător #2E8B57. Conversia se face automat de îndată ce valoarea devine validă, fără un pas separat.

Cum transform un cod HEX înapoi în RGB?

Funcționează și invers: introdu un cod HEX precum #2E8B57 în câmpul HEX și câmpul RGB arată imediat rgb(46, 139, 87). Deoarece toate formatele rămân sincronizate, conversia merge în ambele direcții.

Pot edita orice format și să le actualizez pe toate celelalte?

Da. Convertorul sincronizează în ambele direcții. Dacă modifici RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK sau CMYKA, restul formatelor se actualizează imediat ce valoarea este validă.

Cum obțin codul hexazecimal dintr-o culoare aleasă din selector?

Deschide selectorul de culoare, alege nuanța dorită, iar câmpul HEX afișează codul hex exact. În același timp primești și valorile RGB, HSL, HSV și CMYK corespunzătoare, gata de copiat.

Instrumentul convertește RGB în CMYK pentru tipar?

Da. Câmpurile CMYK și CMYKA se actualizează ori de câte ori schimbi alt format, oferindu-ți valorile cyan, magenta, yellow și key pregătite pentru tipar. Reține că CMYK depinde de dispozitiv, așa că rezultatul pe ecran și la imprimare poate diferi ușor.

Este privat acest convertor de culori?

Da. Nicio dată nu părăsește dispozitivul tău. Toată logica de conversie rulează local în browser, deci valorile tale de culoare nu sunt încărcate pe niciun server.

Instrumente de culoare

Convertor de culori online | Sincronizare RGB, HEX, HSL, HSV și CMYK

Convertește culori între RGB, HEX, HSL, HSV și CMYK: editezi un format și obții instantaneu codul hex și toate celelalte valori sincronizate.

Sincronizare liveFără încărcare

Previzualizare vizuală

Folosește mostra, selectorul nativ și glisorul alpha pentru a regla fin aceeași culoare în toate formatele.

Culoare de previzualizare

#3B82F6

rgba(59, 130, 246, 0.84)

Selector de culoare

#3B82F6

Alpha

0.84

Canale live

HEX

R: 59
G: 130
B: 246
A: 0.84

Sfat de editare

Dacă un câmp devine temporar invalid în timp ce tastezi, ultima culoare validă rămâne activă. Finalizează valoarea și celelalte formate se vor sincroniza din nou automat.

Sincronizare liveFără încărcare

Editor bidirecțional de formate de culoare

Toate formatele de mai jos pot fi editate. Dacă modifici HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK sau CMYKA, celelalte modele de culoare rămân sincronizate imediat.

HEX

sursă

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Explicație

RGB

RGB este un model standard de culoare alcătuit din canalele roșu (R), verde (G) și albastru (B). Prin ajustarea intensității acestor trei canale, RGB poate reprezenta majoritatea culorilor vizibile pe ecrane. Este unul dintre cele mai folosite sisteme de culoare pentru mediul digital.

RGBA

RGBA este RGB cu un canal alpha pentru transparență. R, G și B folosesc de obicei valori de la 0 la 255, iar A este de regulă între 0 și 1 sau între 0% și 100%. Formatul este frecvent folosit în CSS atunci când aceeași culoare are nevoie de niveluri diferite de opacitate.

HEX

HEX este o modalitate hexazecimală de a reprezenta culorile. Este foarte folosit în web design și CSS deoarece este compact și ușor de copiat. O valoare precum #2E8B57 stochează roșu, verde și albastru în perechi hexazecimale, iar variantele extinse pot include și transparența.

HSL

HSL (Hue, Saturation, Lightness) reprezintă culorile RGB într-un sistem cilindric de coordonate. H indică familia culorii, S puritatea culorii, iar L luminozitatea. 0% este cel mai întunecat, 50% este echilibrat, iar 100% este cel mai luminos.

HSLA

HSLA este varianta HSL cu canal alpha. Păstrează nuanța, saturația și luminozitatea și adaugă transparență, ceea ce îl face util pentru umbre, suprapuneri, umpleri semitransparente și stări de interfață.

HSV

HSV (Hue, Saturation, Value) este un spațiu de culoare creat de A. R. Smith în 1978, cunoscut și ca modelul Hexcone. Deoarece Value descrie direct cât de luminoasă pare culoarea, HSV este adesea mai intuitiv pentru alegerea culorilor.

HSVA

HSVA extinde HSV cu un canal alpha. Este util când vrei să lucrezi cu modelul hue, saturation, value și să descrii în același timp opacitatea pentru culori de interfață și grafică stratificată.

CMYK

CMYK este un mod de culoare folosit în tipar. Materialele tipărite sunt vizibile datorită luminii reflectate, deci modelul este potrivit pentru ziare, ambalaje și broșuri. Spre deosebire de RGB pentru ecrane, CMYK este creat pentru cerneală pe hârtie.

CMYKA

CMYKA extinde CMYK prin adăugarea unui canal alpha. Este util atunci când vrei să descrii valorile cyan, magenta, yellow și key împreună cu transparența pentru predarea designului sau resurse pe straturi.

Cum folosești convertorul de culori online

Lipește sau tastează o valoare în orice câmp de format, cum ar fi HEX, RGB, RGBA, HSL, HSV sau CMYK.

De îndată ce valoarea este validă, instrumentul o convertește automat în toate celelalte formate de culoare acceptate.

Folosește panoul de previzualizare, selectorul de culoare, glisorul alpha și acțiunile de copiere pentru a rafina și exporta exact culoarea de care ai nevoie.

Funcții principale

Sincronizare bidirecțională a formatelor

Schimbă orice format acceptat și menține RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK și CMYKA sincronizate în timp real.

Controale vizuale pentru culoare

Vezi imediat culoarea curentă cu mostra live, selectorul browserului, glisorul alpha și afișarea canalelor.

Conversie în browser

Fiecare câmp acceptă o sintaxă familiară, iar toată conversia are loc în browser pentru viteză și confidențialitate.

Întrebări frecvente despre convertorul de culori

Pot edita orice format de culoare și să actualizez toate celelalte?

Da. Convertorul sincronizează în ambele direcții. Dacă editezi RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK sau CMYKA, celelalte formate se actualizează imediat ce valoarea devine validă.

Cum este tratată transparența în timpul conversiei?

HEX este afișat fără alpha deoarece pagina se concentrează pe formatele cerute. Transparanța este păstrată în RGBA, HSLA, HSVA și CMYKA, iar previzualizarea reflectă întotdeauna opacitatea curentă.

Este acest convertor de culori privat?

Nu. Toată logica de conversie rulează local în browserul tău, astfel încât valorile de culoare nu sunt trimise către un server.

Convertorul de culori transformă instantaneu codurile între RGB, HEX, HSL, HSV și CMYK, plus variantele cu transparență RGBA, HSLA, HSVA și CMYKA. Lipești o valoare RGB și obții imediat codul HEX corespunzător (sau invers), iar toate celelalte formate se sincronizează în ambele direcții. Ai și o previzualizare live, un selector de culoare și un glisor pentru opacitate. Totul rulează în browser, așa că valorile tale de culoare nu sunt trimise pe niciun server.

Cum folosești convertorul de culori

1
Introdu o valoare de culoare
Lipește sau tastează o valoare într-un singur câmp, de exemplu #2E8B57 pentru HEX, rgb(46, 139, 87) pentru RGB sau hsl(146, 50%, 36%) pentru HSL.
2
Vezi cum se sincronizează formatele
Imediat ce valoarea este validă, instrumentul o convertește simultan în toate celelalte formate acceptate — RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK și CMYKA.
3
Reglează fin culoarea
Folosește mostra live, selectorul nativ de culoare și glisorul alpha pentru a ajusta nuanța și opacitatea, sau apasă Aleatoriu ca să descoperi culori noi.
4
Copiază sau exportă
Apasă pe orice câmp pentru a-i copia valoarea sau folosește Copiază tot ca să iei toate formatele dintr-o dată pentru CSS, fișierele de design sau cod.

Referințe

W3C — CSS Color Module Level 4
Specificația W3C care definește formatele de culoare din CSS, inclusiv hex, rgb(), hsl(), hwb() și sintaxa modernă de culoare.
MDN — Valoarea CSS <color>
Referința MDN care acoperă toate notațiile de culoare din CSS, inclusiv HEX, RGB/RGBA, HSL/HSLA și modul în care funcționează transparența alpha.

Instrumente conexe

Minificator CSS

Minifică fișierele CSS care folosesc valorile HEX, RGB și HSL obținute aici.

Vizualizator SVG

Previzualizează și inspectează grafice SVG care depind de culori de umplere și contur.

Imagine în Base64

Codifică imaginile în șiruri Base64 pentru a le folosi inline alături de stilurile tale de culoare.

Formatator JSON

Înfrumusețează și validează fișierele JSON care stochează palete de culori și design tokens.

Întrebări frecvente

Cum convertesc RGB în HEX?: Tastează o valoare RGB precum rgb(46, 139, 87) în câmpul RGB, iar câmpul HEX afișează instantaneu codul corespunzător #2E8B57. Conversia se face automat de îndată ce valoarea devine validă, fără un pas separat.
Cum transform un cod HEX înapoi în RGB?: Funcționează și invers: introdu un cod HEX precum #2E8B57 în câmpul HEX și câmpul RGB arată imediat rgb(46, 139, 87). Deoarece toate formatele rămân sincronizate, conversia merge în ambele direcții.
Pot edita orice format și să le actualizez pe toate celelalte?: Da. Convertorul sincronizează în ambele direcții. Dacă modifici RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK sau CMYKA, restul formatelor se actualizează imediat ce valoarea este validă.
Cum obțin codul hexazecimal dintr-o culoare aleasă din selector?: Deschide selectorul de culoare, alege nuanța dorită, iar câmpul HEX afișează codul hex exact. În același timp primești și valorile RGB, HSL, HSV și CMYK corespunzătoare, gata de copiat.
Cum este tratată transparența în timpul conversiei?: HEX standard este afișat fără alpha, deoarece pagina se concentrează pe formatele cerute. Transparența este păstrată în RGBA, HSLA, HSVA și CMYKA, iar previzualizarea reflectă mereu opacitatea curentă.
Instrumentul convertește RGB în CMYK pentru tipar?: Da. Câmpurile CMYK și CMYKA se actualizează ori de câte ori schimbi alt format, oferindu-ți valorile cyan, magenta, yellow și key pregătite pentru tipar. Reține că CMYK depinde de dispozitiv, așa că rezultatul pe ecran și la imprimare poate diferi ușor.
Este privat acest convertor de culori?: Da. Nicio dată nu părăsește dispozitivul tău. Toată logica de conversie rulează local în browser, deci valorile tale de culoare nu sunt încărcate pe niciun server.