Color Converter

Convert colors between different formats. HEX, RGB, HSL with live preview.

Free Live Preview

#3B82F6

Pick Color

HEX

RGB

HSL

H (°)

S (%)

L (%)

CSS Variables

--color-hex: #3B82F6;
--color-rgb: 59, 130, 246;
--color-hsl: 217, 91%, 60%;