Color Converter — HEX, RGB, HSL, HSV & CSS Names
Convert any color between HEX, RGB, HSL, HSV, and CSS named color formats instantly. Enter a hex code, rgb(), hsl(), or a color name to see all representations side-by-side — free, no sign-up.
Color Converter
What color formats are supported?
This tool supports HEX (#rrggbb and #rgb shorthand), RGB (rgb(r, g, b)), HSL (hsl(h, s%, l%)), HSV (also called HSB), and all 140 CSS named colors such as 'red', 'cornflowerblue', and 'rebeccapurple'. The format is auto-detected from your input.
When would I use each format?
HEX is the most common format in web design and is compact. RGB is useful for color mixing and compositing. HSL is intuitive for creating color variations (adjust lightness or saturation). HSV (Hue-Saturation-Value) is used in many design tools including Photoshop and Figma. CSS named colors are handy for quick prototyping.
How is HSV different from HSL?
Both use a hue angle and saturation percentage, but they differ in the third component: HSL uses Lightness (50% is pure color), while HSV uses Value/Brightness (100% is the brightest version of that hue). Design applications like Photoshop typically use HSV, while CSS uses HSL.
How to use
- Type or paste a color in any format — HEX, rgb(), hsl(), or a CSS color name.
- Or use the color picker to select a color visually.
- All format representations update instantly.
- Click Copy next to any format to copy that value to your clipboard.
Your color data stays in your browser — no data is sent to any server.
Frequently Asked Questions
- What color formats can I input?
- HEX (#rrggbb or #rgb), rgb(r, g, b), hsl(h, s%, l%), and any CSS named color like 'tomato' or 'steelblue'.
- Why does my color not have a CSS name?
- Only 140 colors have official CSS named equivalents. If your color does not exactly match one of them, the CSS Name field will show a dash.
- What is HSV / HSB?
- HSV (Hue, Saturation, Value) — also called HSB (Hue, Saturation, Brightness) — is a color model used in many design tools. Value/Brightness of 100% gives the brightest version of the hue, unlike HSL where 50% lightness is the pure color.
- Is this color converter free?
- Yes, completely free with no sign-up. All conversion happens in your browser — no data is sent to any server.