How it works
Pick a color with the swatch picker, or type a value into any of the HEX, RGB, or HSL fields — the others update instantly to match, and the preview shows the exact shade. HEX is the six-digit web format (three-digit shorthand is expanded for you), RGB describes the red, green, and blue channels from 0 to 255, and HSL describes hue, saturation, and lightness. Use the copy buttons to grab the value in whichever format your CSS or design tool needs. Everything runs locally in your browser.
Color Converter & Picker
Convert between HEX, RGB, and HSL — and copy any format.
FAQ
How do I convert a HEX color to RGB?
Type or paste the HEX value (like #4dd4c4) and the RGB and HSL equivalents update instantly. You can also drag the color picker or edit the R, G, B fields directly and every format stays in sync.
What is HSL?
HSL stands for Hue, Saturation, and Lightness. It describes a color the way people think about it — its shade, how vivid it is, and how light or dark — which makes it handy for tweaking colors in CSS.
Does it support shorthand HEX like #abc?
Yes. Three-digit shorthand HEX is expanded automatically, so #abc is treated the same as #aabbcc.
Is anything uploaded?
No. All conversions happen in your browser. Nothing is sent to a server.
Related tools
Unit Converter · Base64 & URL Encoder/Decoder · Percentage Calculator