Color Converter
Convert between HEX, RGB, and HSL color formats. Use the color picker for visual input or type any format directly. All calculations run in your browser.
Press Enter or click Convert. Supports #hex, rgb(), hsl().
Supported color formats
- HEX —
#rrggbbor shorthand#rgb(e.g.#ff6600or#f60). The#prefix is optional. - RGB —
rgb(r, g, b)with values 0–255 (e.g.rgb(255, 102, 0)). You can also enter as255, 102, 0. - HSL —
hsl(h, s%, l%)with hue 0–360, saturation and lightness 0–100 (e.g.hsl(24, 100%, 50%)).
HEX vs. RGB vs. HSL — when to use each
- HEX — the most common format in web design, used in CSS and design tools. Compact and easy to copy-paste.
- RGB — useful when you need individual channel values, for example when applying opacity via
rgba()or manipulating colors programmatically. - HSL — the most intuitive for designers. Hue represents the color on a 360° wheel, saturation is the intensity, and lightness controls dark-to-light. Great for generating color palettes.
Color picker
Click the color swatch to open your browser's native color picker. The chosen color is automatically converted and the text input is updated to match.