Convertor de coduri de culoare

Toate instrumentele

Convertește culori între HEX, RGB, RGBA, HSL, HSLA, HSV și CMYK — alege o culoare, ajustează alfa și copiază orice format instantaneu.

#FFFFFF
Canale
R
G
B
Formate de culoare

Tastează orice valoare HEX, RGB(A) sau HSL(A) și toate celelalte formate se actualizează instant.

Paletă rapidă

Ghid pentru formatele de culoare

HEX este un cod hexazecimal din 6 cifre, precum #3B82F6, care stochează canalele roșu, verde și albastru (fiecare 00–FF). Este modul cel mai frecvent de a defini culori în HTML și CSS.

Un HEX din 8 cifre precum #3B82F6CC adaugă o ultimă pereche de cifre pentru opacitate (alfa). Folosește-l pentru culori transparente în CSS modern, fără o valoare rgba() separată.

RGB definește o culoare prin valori de roșu, verde și albastru de la 0 la 255, de ex. rgb(59, 130, 246). Corespunde modului în care ecranele emit lumină și este ideal pentru web și design digital.

RGBA este RGB cu un canal alfa de la 0 (transparent) la 1 (opac), de ex. rgba(59, 130, 246, 0.5). Folosește-l pentru suprapuneri, umbre și efecte la trecerea cu mouse-ul.

HSL descrie o culoare prin nuanță (0–360°), saturație și luminozitate, de ex. hsl(217, 91%, 60%). Este intuitiv pentru ajustarea culorilor și crearea manuală de palete.

HSLA este HSL plus un canal alfa pentru opacitate, de ex. hsla(217, 91%, 60%, 0.5). Combină lizibilitatea HSL cu controlul transparenței.

HSV, numit și HSB, folosește nuanța, saturația și valoarea (luminozitatea), de ex. hsv(217, 76%, 96%). Este modelul din spatele selectoarelor de culoare ale majorității programelor de design.

CMYK este un model substractiv din procente de cyan, magenta, galben și negru (key), de ex. cmyk(76%, 47%, 0%, 4%). Este standardul pentru tipar, așa că verifică culorile importante cu profilul tipografiei tale.

Folosește HEX sau RGB pentru site-uri și adaugă alfa (RGBA, HSLA sau HEX din 8 cifre) când ai nevoie de transparență. Alege HSL sau HSV pentru a crea palete și CMYK pentru pregătirea fișierelor de tipar.
Distribuiți
Instrumente conexe
Găsitor de culori denumite Găsește cea mai apropiată culoare CSS denumită și cea mai apropiată nuanță Tailwind pentru orice culoare — potrivite perceptual, cu valori gata de copiat. Gratuit
Selector de culori de pe ecran Eșantionează orice pixel de pe ecran cu pipeta sau alege culori dintr-o imagine trasă și colectează-le într-o paletă gata de copiat. Gratuit
Potrivire de Culori Pantone Caută orice cod Pantone solid-coated pentru a-i citi valorile HEX, RGB și CMYK, sau introdu o culoare HEX/RGB și găsește instantaneu cea mai apropiată potrivire Pantone — totul în browserul tău. Gratuit
Simulator de daltonism Vede imaginea sau paleta ta cum o văd persoanele cu protanopie, deuteranopie, tritanopie sau acromatopsie — rulează complet în browserul tău, nimic nu este încărcat. Gratuit
Ecran complet roșu Umple întregul ecran cu roșu pur pentru a testa canalul sub-pixelului roșu și a dezvălui pixeli morți pe un câmp colorat. Gratuit și rulează în browserul tău. Gratuit
Verificator de contrast al culorilor Verifică raportul de contrast WCAG dintre o culoare de text și una de fundal — vizualizează notele AA/AAA pentru text normal, text mare și componente UI, cu previzualizare live și sugestii de culori accesibile. Gratuit
Căutări populare
convertor de cod de culoare hex în rgb rgb în hex hex în hsl conversie formate de culoare convertor de culori online
Ai nevoie de ajutor?
Ai întâmpinat o problemă cu acest instrument? Spune-ne.
Raportează o problemă

Adăugați acest instrument gratuit pe propriul site — copiați și lipiți codul de mai jos.