Color Converter
Pick a color or paste a HEX value and get the RGB and HSL equivalents instantly.
HEX, RGB and HSL explained
HEX codes (e.g. #4F46E5) are the most common way to define colors in CSS. RGB describes a color by its red, green and blue channels. HSL uses hue, saturation and lightness, which makes it easy to create lighter or darker variations of a color. This tool keeps all three in sync as you adjust the picker.
Frequently Asked Questions
How do I convert HEX to RGB?
Type or paste your HEX code into the HEX field — the RGB and HSL values update automatically.
Can I use the color picker on mobile?
Yes. Tap the color swatch to open your device's native color picker.