Color Converter (HEX · RGB · HSL)
Convert colors between HEX, RGB and HSL with a live preview and a color picker. Copy any format instantly. Browser-based and private.
rgb(37, 99, 235)
hsl(221, 83%, 53%)
About this tool
Convert colors between HEX, RGB and HSL notations with a live swatch preview. Type a value in any format, or use the color picker, and the other formats update instantly.
It is perfect for web design and CSS work, letting you copy whichever format you need with one click. All conversions happen in your browser.
Examples
- #2563EB → rgb(37, 99, 235) → hsl(217, 83%, 53%)
- Pick a color visually and read off every format
- Shorthand HEX like #abc is expanded automatically
Frequently asked questions
What is the difference between RGB and HSL?
RGB describes a color by its red, green and blue components. HSL describes it by hue, saturation and lightness, which many people find more intuitive to adjust.
Does it support shorthand HEX codes?
Yes. Three-digit codes like #abc are automatically expanded to their six-digit equivalent (#aabbcc).
Can I convert with transparency?
The converter focuses on the solid color channels (HEX, RGB, HSL). Any alpha component in an 8-digit HEX is ignored.
More tools
Unit Converter
Convert between metric and imperial units for length, weight, volume, area, speed and digital storage. Accurate factors, instant results, no tracking.
ConvertersTemperature Converter
Convert temperatures between Celsius, Fahrenheit and Kelvin instantly. Includes absolute-zero validation. Private, browser-based and free.
ConvertersURL Encoder / Decoder
Encode text for safe use in URLs or decode percent-encoded URLs back to readable text. Unicode-safe, instant and entirely browser-based.
Converters