Color Converter
Convert between HEX, RGB, and HSL color formats. Edit any field and the others update instantly — all in your browser.
Color preview
Color formats
All color conversions happen instantly in your browser — no data is ever sent to any server.
How it works
- Click the color swatch to open the native browser color picker, or type directly into any of the HEX, RGB, or HSL fields.
- All three format fields stay in sync. Editing one automatically updates the other two.
- Click any Copy button to copy that format to your clipboard (e.g.
rgb(99, 102, 241)).
Frequently asked questions
- What color formats are supported?
- HEX (#rrggbb or #rgb shorthand), RGB (r, g, b where each channel is 0–255), and HSL (hue 0–360°, saturation 0–100%, lightness 0–100%). You can type in any format and the others update instantly.
- How do I use the color picker?
- Click the colored square on the left to open your browser's native color picker. Any color you choose will immediately update all three text format fields.
- What is HSL?
- HSL stands for Hue, Saturation, and Lightness. Hue is the color type (0–360°, where 0/360 is red, 120 is green, 240 is blue). Saturation controls how vivid the color is (0% is grey, 100% is full color). Lightness controls brightness (0% is black, 100% is white).
- What happens if I type an invalid value?
- Each input field shows an error message below it if the value is invalid or out of range. The last valid color remains displayed until you correct the input.
- Can I convert alpha / transparency?
- This tool works with fully-opaque colors (no alpha channel). For alpha support you would need RGBA or HSLA formats, which are not currently supported.