🎨 Color Converter

Convert between HEX, RGB, and HSL color formats with a live color preview.

#FF6B2C

rgb(255, 107, 44)  hsl(22°, 100%, 59%)

HEX: #FF6B2C
RGB: rgb(255, 107, 44)
HSL: hsl(22, 100%, 59%)

Preset Colors

Frequently Asked Questions

What is the difference between HEX and RGB?

HEX is just RGB expressed in hexadecimal notation (#RRGGBB). Example: #FF0000 is the same as rgb(255, 0, 0). Both are valid in CSS.

What is HSL?

HSL stands for Hue (0–360°), Saturation (0–100%), and Lightness (0–100%). It is more intuitive for adjusting colors than RGB.

Which color format should I use in CSS?

HEX is common for simplicity. HSL is useful for building consistent color palettes. Use RGBA or HSLA when you need transparency.