CSS Color Converter

Convert between HEX, RGB, and HSL color formats

HEX

RGB

r59

g130

b246

HSL

h217°

s91%

l60%

Preview

#3b82f6

Generated CSS

/* HEX */
color: #3b82f6;

/* RGB */
color: rgb(59, 130, 246);

/* RGBA */
color: rgba(59, 130, 246, 1);

/* HSL */
color: hsl(217, 91%, 60%);

/* HSLA */
color: hsla(217, 91%, 60%, 1);