Daily Toolkits

Convertor HEX ↔ RGB ↔ HSL

Convertiți instantaneu culorile între HEX, RGB și HSL cu un eșantion live. Editați orice câmp — celelalte rămân sincronizate.

HEX ↔ RGB ↔ HSL Converter

Live

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

  • Convertiți instantaneu culorile între HEX, RGB și HSL cu un eșantion live.
  • Se rulează în browserul dvs
  • Gratuit de utilizat

Cum se folosește

  1. Introduceți o valoare HEX, RGB sau HSL.
  2. Vedeți că celelalte formate se actualizează automat.
  3. Copiați formatul de care aveți nevoie.

How this tool works

  1. Introduceți o valoare HEX, RGB sau HSL.
  2. Vedeți că celelalte formate se actualizează automat.
  3. Copiați formatul de care aveți nevoie.

Recommended settings

  • Utilizați mai întâi opțiunile implicite, apoi ajustați dacă este necesar

Supported formats

Text / on-page input

File size and limits

  • Previzualizările cu mai multe straturi foarte complexe se pot simți mai lente pe telefoanele mai vechi.

Privacy

Generatoarele de culoare și CSS rulează în întregime în browserul dvs. Previzualizările și conversiile nu vă încarcă niciodată stilurile.

Common use cases

  • Utilizați HEX ↔ RGB ↔ HSL Converter ori de câte ori aveți nevoie: convertiți instantaneu culorile între HEX, RGB și HSL cu un eșantion live.

Troubleshooting

Previzualizarea arată diferit după lipire

Verificați dacă există CSS concurente pe pagina dvs. (resetări, culori moștenite). Copiați mai întâi regula generată într-o foaie de stil izolată.

Întrebări frecvente

Acest lucru îmi încarcă CSS-ul?

Nu. Generatoarele și convertoarele rulează în browserul dvs. cu previzualizare live.

Am nevoie de un cont?

Nu. Deschideți instrumentul, modificați controalele și copiați CSS-ul.

Instrumente similare

Color Contrast Checker

Check foreground/background contrast against WCAG AA and AAA guidelines.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool