← All Calculators

Color Converter

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

RGB → HEX: r.toString(16) + g.toString(16) + b.toString(16)

RGB

HSL

HEX

Frequently Asked Questions

How to use the color converter?

Use the color picker or enter values in any format (RGB, HEX, or HSL). All formats update automatically with a live color preview.

What's the difference between RGB, HEX, and HSL?

RGB uses red/green/blue values (0-255). HEX is RGB in hexadecimal (#RRGGBB). HSL uses hue (0-360), saturation (0-100%), and lightness (0-100%).

When should I use HSL?

HSL is great for design because it's intuitive — adjust hue for color, saturation for vibrancy, and lightness for brightness.