Convertor de culoare RGB în HEX

Convertiți instantaneu culorile între formatele RGB și HEX

Distribuie:

RGB în HEX

HEX în RGB

Distribuie:

Convertor de culoare RGB în HEX

Convertiți culorile între formatele RGB și HEX instantaneu cu instrumentul nostru online gratuit. Perfect pentru web designeri, dezvoltatori, artiști grafici și oricine lucrează cu culori digitale.

Înțelegerea Formatelor de Culoare

RGB (rosu, verde, albastru)

Format: rgb(roșu, verde, albastru)

Interval: 0-255 pentru fiecare canal

Utilizat de obicei în: Ecrane digitale, monitoare, TV

HEX (hexazecimal)

Format: #RRGGBB

Interval: 00-FF pentru fiecare canal (hex)

Utilizat de obicei în: Web design, CSS, HTML

De ce să convertiți între RGB și HEX?

  • Standarde Web: HEX este cel mai utilizat format în CSS pentru definirea culorilor site-urilor web.
  • Potrivire Universală: Asigurați culori consistente pe diferite instrumente de design și platforme.
  • Ușurință în Utilizare: Obțineți rapid coduri HEX din valorile RGB pentru o stilizare eficientă.

Cum funcționează conversia culorilor

RGB în HEX: Fiecare canal de culoare (R, G, B) este convertit de la un număr zecimal 0-255 la o valoare hexazecimală 00-FF.

HEX în RGB: Șirul hexazecimal este împărțit în perechi și fiecare pereche este convertită înapoi într-o valoare zecimală 0-255.

Cazuri de Utilizare Comune

Dezvoltare Web

Convertiți culorile din machetele de design (RGB) în coduri HEX gata de utilizat în CSS.

Design Grafic

Potriviți culorile între Adobe Photoshop (RGB) și instrumentele de web design (HEX).

Ghiduri de Brand

Documentați culorile brandului în ambele formate pentru imprimare (RGB) și web (HEX).

Cele mai bune practici pentru formatele de culoare

  • Utilizați HEX pentru dimensiuni compacte ale fișierelor CSS.
  • Utilizați RGB (mai ales RGBA) când aveți nevoie de opacitate/transparență.
  • Folosiți un singur format în cadrul unui proiect pentru consistență.

💡 Sfat de Profisionist

Prescurtare HEX: Culorile precum #FF0000 pot fi scurtate la #F00 atunci când fiecare pereche de cifre este identică.

Întrebări Frecvente

Care e diferența între RGB și HEX?

RGB folosește numere zecimale (0-255) pentru fiecare canal, în timp ce HEX folosește numere hexazecimale (00-FF).

Pot folosi RGB în CSS?

Da! CSS suportă atât rgb(255, 0, 0), cât și #FF0000.

Ce înseamnă simbolul # în codurile HEX?

Simbolul # indică faptul că caracterele care urmează sunt un cod de culoare hexazecimal.

Sunt codurile HEX de 3 cifre la fel ca cele de 6 cifre?

Codurile HEX de 3 cifre sunt o prescurtare pentru codurile de 6 cifre în care fiecare cifră este dublată.