Color Code Converter
Choose a color or enter a HEX code; instantly see and copy its RGB and HSL equivalents.
Your files never leave your device — everything runs in your browser.
HEX
#6d28d9
RGB
rgb(109, 40, 217)
HSL
hsl(263, 70%, 50%)
How to Use
- 1Use the color picker, or type a HEX code directly.
- 2The RGB and HSL equivalents are calculated automatically.
- 3Use 'Copy' to copy the format you want.
Frequently Asked Questions
What's the difference between RGB and HSL?
RGB defines a color by its red, green, and blue light components, while HSL describes it by hue, saturation, and lightness — often more intuitive for adjusting a color's shade or brightness.
Can I convert colors with transparency (alpha)?
This tool focuses on solid HEX, RGB, and HSL values. For colors with an alpha/opacity channel, you'll need to add that separately in your CSS (e.g. rgba() or hsla()).