Generator culori

Alegeți o culoare și verificați imediat codurile HEX, RGB și HSL — plus culoarea complementară și numele CSS.

Rezultat instant Funcționează în browser
Cod HEX
#3D7EF7
Valori RGB
rgb(61, 126, 247)
Valori HSL
hsl(218, 91%, 60%)
Numele culorii
—
Culoare complementară
#F7823D

Ghid modele de culoare

HEX  → #RRGGBB
RGB  → 0–255 per ch.
HSL  → 0–360° / 0–100%
WCAG → min 4.5:1

HEX este concis pentru CSS. RGB corespunde pixelilor ecranului. HSL este intuitiv pentru designeri — ajustați independent nuanța, saturația și luminozitatea.

Cum se utilizează?

  1. 1
    Alegeți culoareaFaceți clic pe selectorul de culori și alegeți orice culoare. Toate codurile formatelor se actualizează imediat.
  2. 2
    Vedeți toate formateleSunt afișate simultan codul HEX, valorile RGB, valorile HSL, numele CSS al culorii (dacă este disponibil) și culoarea complementară.
  3. 3
    Copiați codul dvs.Faceți clic pe butonul de copiere de lângă HEX, RGB sau HSL pentru a salva valoarea în clipboard pentru CSS sau instrumente de design.

FAQ

Ce este un cod de culoare HEX?
Un cod de culoare HEX este un număr hexazecimal de 6 cifre (#RRGGBB) reprezentând intensitățile canalelor roșu, verde și albastru. Fiecare pereche variază de la 00 (absent) la FF (complet = 255). HEX acceptă 16,7 milioane de culori (256³) și este formatul standard pentru CSS și instrumente de design web.
Care este diferența dintre RGB și HSL?
RGB descrie culoarea ca trei intensități de lumină (roșu, verde, albastru) 0–255, potrivindu-se cu modul în care funcționează monitoarele. HSL folosește nuanță (0–360°), saturație (0–100%) și luminozitate (0–100%). HSL este mai intuitiv pentru designeri — schimbați nuanța pentru a schimba familia de culori, saturația pentru vivacitate, luminozitatea pentru luminare.
Ce este o culoare complementară?
O culoare complementară se află exact pe partea opusă a roții de culori (180° nuanță față de cealaltă). Perechile complementare creează contrast maxim: Roșu ↔ Cyan, Verde ↔ Magenta, Albastru ↔ Galben.

Modele de culoare în design web

Culoarea pe internet este reprezentată prin trei modele principale: HEX (hexazecimal), RGB (roșu-verde-albastru) și HSL (nuanță-saturație-luminozitate). Fiecare servește scopuri diferite în CSS, design web și teoria culorilor.

Coduri de culoare HEX

HEX este cel mai comun format de culoare în dezvoltarea web. Scris ca #RRGGBB, acceptă 16.777.216 culori și este folosit peste tot: CSS, HTML, Figma, Photoshop și ghiduri de branding.

Accesibilitate WCAG

Aproximativ 8% dintre bărbați au deficiențe de vedere a culorilor. WCAG 2.1 AA necesită un raport de contrast de cel puțin 4,5:1 pentru text normal. Nu transmiteți niciodată informații doar prin culoare.

Confidențialitate

Toate calculele sunt efectuate în browser. Nicio dată nu este trimisă pe server.

Comentarii