⚡ Design Tools

Hex to RGB and HSL Color Converter

Convert Hex color codes to RGB, RGBA, and HSL formats instantly with live visual color previews and 1-click copying.

Enter Hex Color (e.g. #3b82f6 or 3b82f6):

HEX:

#3b82f6

RGB:

rgb(59, 130, 246)

RGBA (100%):

rgba(59, 130, 246, 1)

HSL:

hsl(217, 91%, 60%)

Frequently Asked Questions

Yes, shorthand hex codes like #fff or #09f are automatically expanded to 6 digits.

Yes, 1-click buttons copy ready-to-use rgb(), rgba(), and hsl() CSS functions.

Yes, you can click the color picker swatch to visually choose colors or type raw hex codes.