Converters
Color Converter
Convert colors between HEX, RGB, HSL, and HSV — type or paste any format, or pick visually, and see every equivalent at once. Free, instant, entirely in your browser.
Runs entirely in your browser. Nothing is uploaded.
That doesn't look like a color in a format this tool recognizes.
What this tool does
Converts a color between HEX, RGB, HSL, and HSV, all at once — pick one visually, or type a value in any of the supported formats, and every equivalent updates automatically below it.
How to use it
- Click the swatch to pick a color visually, or type a value directly — hex,
rgb(), or a bare number triple all work. - Every format updates automatically.
- Copy whichever one you need with its own Copy button.
When each format is actually useful
HEX is the most common format in CSS and design tools, compact and easy to paste around. RGB maps directly to how screens actually produce color — red, green, and blue light mixed together — which makes it the natural choice when you're generating colors programmatically. HSL is often easier to reason about by hand: adjusting lightness or saturation while keeping the same hue is straightforward, which is why it shows up constantly in design systems for generating consistent color scales. HSV/HSB is what most design software's color picker actually exposes as sliders, so it's useful for translating a value you're looking at in Photoshop or Figma into something you can use elsewhere.
Questions
Is this Color Converter free?
Yes, completely, with no signup and no limit on how many colors you convert.
Is anything sent to a server?
No. Every conversion happens in your browser using standard color-space math — nothing is transmitted anywhere.
What formats can I type into the text field?
Hex (#3498DB, 3498DB, or the 3-digit shorthand #39D), rgb(52, 152, 219) / rgba(...), or a bare comma- or space-separated triple like 52, 152, 219. Pick a color instead with the swatch if you'd rather not type.
Why doesn't converting HSL back to RGB always land on the exact original numbers?
Because HSL is displayed as whole-number degrees and percentages, and that rounding genuinely discards a small amount of precision — the same way it would in any color tool, including browser DevTools. Converting back can land a color value or two away from where you started. The underlying math itself is exact; only the human-readable rounding isn't.
What's the difference between HSL and HSV/HSB?
Both describe a color by hue, then two other dimensions — HSL uses saturation and lightness, HSV (also called HSB) uses saturation and value/brightness. They're closely related but not interchangeable number-for-number. HSL is more common in CSS; HSV is what you'll typically see in design tools like Photoshop's color picker.
Related tools
Image tools
Image Converter
PNG, JPEG, and WEBP — convert either way, no upload.
Text tools
Case Converter
UPPERCASE, camelCase, snake_case, and more — all at once.
Converters
Timestamp Converter
Unix timestamp ↔ date, in UTC and local time, live.
Converters
Base64 Encoder
Encode and decode Base64 for text or files, Unicode-safe.