About this color converter
Designers and developers constantly translate colours between formats: a hex code from a brand guide, RGB values for a canvas, or HSL to fine-tune a tint. This converter keeps all three in sync — edit any field and the others update instantly, with a live swatch and a native colour picker. Copy whichever format your CSS or design tool needs. It runs entirely in your browser.
Frequently asked questions
- How do I convert HEX to RGB?
- Type a hex code like #4f8cff in the HEX field — RGB and HSL update instantly.
- What is the difference between RGB and HSL?
- RGB uses red/green/blue channels; HSL uses hue, saturation and lightness — easier for tints and shades.
- Does it support 3-digit hex?
- Yes — short codes like #f00 are expanded to #ff0000 automatically.