TooldenTOOLDENDEVELOPERON-DEVICE
Color Converter
Convert colors between HEX, RGB and HSL. Edit any format and the others update live, with a preview swatch. Everything runs in your browser.
HOW TO USE
- 1Type a hex value like #2563eb, or edit any RGB or HSL field.
- 2All three formats update live as you type, with a preview swatch.
- 3Click the copy button next to any format to copy it to your clipboard.
EXAMPLE
INPUT
#2563eb
OUTPUT
RGB: 37, 99, 235 HSL: 221°, 83%, 53%
FAQ
What color formats are supported?
HEX, RGB and HSL — three of the most common CSS color formats, converted in both directions.
What is HSL?
HSL stands for Hue, Saturation and Lightness. Hue is the angle on the color wheel (0–360), saturation and lightness are percentages.
Can I use 3-digit hex codes?
Yes — both 3-digit (e.g. #f00) and 6-digit (e.g. #ff0000) hex values are accepted.
Is my color sent anywhere?
No. All conversion happens in your browser.