All tools
Color Converter
Convert between hex, RGB, and HSL.
Enter a hex color to see RGB and HSL values. Use in CSS or design tools.
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Designers and developers paste HEX codes to get RGB and HSL equivalents for CSS, Figma, or design tokens.
Everything runs in your browser on LifeHub Tools—no account required unless you choose Premium for unlimited AI.
Frequently Asked Questions
Enter a HEX code like #3366FF and the RGB and HSL equivalents appear instantly.
RGB mixes red, green and blue light. HSL describes hue, saturation and lightness, which is often easier for adjusting shades.
Yes. HEX, rgb() and hsl() are all valid CSS color formats.
Enter 6-digit HEX like #3366FF for best results.