IQ
PayloadIQ
Utilitare PayloadIQ

Convertor de culori: HEX ↔ RGB ↔ HSL

Pune un cod HEX sau alege din swatch și vezi aceeași culoare în HEX, RGB și HSL, cu previzualizare live și buton de copiere pentru fiecare format.

HEX#7C6AF7
RGBrgb(124, 106, 247)
HSLhsl(248, 90%, 69%)

Rulează în browserul tău. Ce introduci nu este încărcat pe PayloadIQ.

Convertorul de culori transformă o culoare între HEX, RGB și HSL direct în browser, fără să trimită nimic pe vreun server. Scrii un cod HEX (de 3 sau 6 cifre, cu sau fără #) ori alegi culoarea din selector, iar tool-ul îți arată instant cele trei reprezentări lângă un swatch live. Fiecare format are propriul buton de copiere, ca să iei exact valoarea de care ai nevoie.

Cum funcționează conversia

Pornești de la orice cod HEX sau de la selectorul de culoare, iar tool-ul calculează în paralel valorile RGB și HSL pentru exact aceeași nuanță. Accept atât forma scurtă de 3 cifre, cât și cea de 6, cu sau fără # în față. HSL e util când vrei să ajustezi luminozitatea sau saturația păstrând aceeași tentă (hue), pe când HEX și RGB sunt formatele pe care le ceri de obicei în CSS sau în cod. Butonul de copiere de pe fiecare format e exact ce-ți trebuie când un instrument vrea #7c6af7, iar altul rgb(124, 106, 247).

Local și fără upload

Toată conversia se întâmplă pe dispozitivul tău, în browser, prin JavaScript: nu există niciun apel către server, niciun cod HEX nu pleacă de la tine și nu se salvează nimic. Asta înseamnă că merge la fel de bine și offline, și că poți lucra liniștit cu paletele unui proiect încă nepublicat. Fără cont, fără reclame, fără tracking, deschizi pagina și convertești.

Întrebări frecvente

Se încarcă undeva culorile sau codurile mele HEX?
Nu. Întreaga conversie rulează local, în browserul tău, cu JavaScript. Niciun cod HEX, RGB sau HSL nu este trimis către vreun server și nimic nu se salvează — poți folosi pagina chiar și offline.
Ce formate de HEX acceptă?
Atât forma scurtă de 3 cifre (de ex. #f0c), cât și cea completă de 6 cifre (#ff00cc), cu sau fără caracterul # în față. Le normalizează automat înainte să calculeze RGB și HSL.
Pot porni de la RGB sau HSL, nu doar de la HEX?
Da. Alegi culoarea din selector sau pui un cod HEX, iar tool-ul îți afișează simultan HEX, RGB și HSL pentru aceeași nuanță, fiecare cu butonul lui de copiere.
De ce să folosesc HSL în loc de HEX sau RGB?
HSL separă tenta (hue) de saturație și luminozitate, așa că poți ajusta o culoare — să o faci mai deschisă sau mai puțin saturată — fără să-i schimbi tonul de bază. E mai intuitiv pentru variații de temă decât să modifici direct cifrele HEX.

Utilitare similare

Orice fișier în MarkdownPDF în MarkdownWord (DOCX) în MarkdownExcel (XLSX) în Markdown
Deschide PayloadIQ Playground