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%)

Recommended developer stack

Reliable SSD droplets, managed databases, and Kubernetes clusters deployed in seconds.

The open source Firebase alternative. Dedicated Postgres DB, instant Auth, and REST/GraphQL APIs.

Protect your developer workstations, APIs, and DNS queries with fast, encrypted tunnels.

Affiliate Disclosure: We may earn a commission from partner signups at zero cost to you, which funds our free tools and ad-free hosting.

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.