Color Code Converter
Paste or pick a colour and instantly see it as HEX, RGB and HSL, with a live swatch and one-click copy for each format. Handy when a design gives you one format but your code needs another. Runs entirely in your browser.
- 100% free
- Private & safe
- Runs in your browser
Why use Color Code Converter?
Color Code Converter converts instantly and accurately in your browser, showing every unit or format side by side so you can copy the one you need.
- Runs instantly in your browser — nothing to install, nothing uploaded.
- Completely free, with no account, no watermarks and no usage limits.
- Handles Input: HEX (3 or 6 digit); Output: HEX, RGB, HSL, rgba.
- Enter a HEX value or pick a colour.
- Works on any device — desktop, tablet and phone — and is fully keyboard accessible.
How to use Color Code Converter
- Enter a HEX value or pick a colour.
- See the RGB and HSL equivalents.
- Copy whichever format you need.
- Use the swatch to confirm the colour.
Examples
- Turning #6366f1 into rgb() for a canvas fill.
- Getting the HSL of a brand colour to tweak lightness.
Supported formats & limits
- Input: HEX (3 or 6 digit)
- Output: HEX, RGB, HSL, rgba
Limitations
- Alpha is shown as 1; edit the rgba value for transparency.
Frequently asked questions
Does it support shorthand hex?
Yes — 3-digit hex like #f0c is expanded automatically.
Is anything uploaded?
No — the conversion is pure math done in your browser.
Can I convert HSL back to HEX?
Pick or type a colour and all formats update together.
Was this tool helpful?
Related tools
Color Contrast CheckerCheck text/background contrast against WCAG AA and AAA.CSS Gradient GeneratorDesign linear and radial CSS gradients with a live preview and copy the code.Image Color PickerClick any pixel in an image to get its HEX, RGB and HSL.Image Color Palette ExtractorExtract the dominant colours from an image as HEX/RGB.