Color Converter HEX / RGB / HSL
Free online color converter between HEX, RGB and HSL, with a built-in color picker and live swatch preview. Copy ready-to-use CSS color values in one click — a practical helper for front-end development, UI design and choosing palettes. It runs fully offline in your browser. DesignRuns locally
Use this tool
HSL
—
CSS RGB
—
How to use
- Use the picker to choose a color, or type a HEX value such as #0f766e.
- You can also enter R, G, B values (0–255); the other formats sync automatically.
- A large preview, the HSL value and copy-ready CSS code update live.
Frequently asked questions
What is the difference between HEX, RGB and HSL?
HEX is hexadecimal notation (e.g. #0f766e); RGB expresses red/green/blue amounts; HSL expresses hue, saturation and lightness. They describe the same color and convert losslessly.
Does the picker work on mobile?
Yes, modern mobile browsers support tap-to-pick, and you can also type a value to convert.
Does it need internet?
No, all calculations run locally and it works offline.