🎨 Color Converter & Picker

Convert between HEX, RGB, and HSL. Pick colors, generate palettes.

#e94560
Click the color square to use the native picker, or type values below.
R233
G69
B96
📋 Copy HEX
📋 Copy RGB
📋 Copy HSL
📋 Copy rgb()

🎨 Shades

🌈 Complementary

Color formats explained

HEX: A 6-digit hexadecimal code preceded by #. Each pair represents Red, Green, Blue (00-FF). Example: #FF0000 is pure red.
RGB: Red, Green, Blue values from 0-255. Example: rgb(255, 0, 0) is pure red.
HSL: Hue (0-360°), Saturation (0-100%), Lightness (0-100%). More intuitive for picking colors. Example: hsl(0, 100%, 50%) is pure red.

When to use each format

HEX is most common in web development and design tools. RGB is used in CSS and programming. HSL is best when you need to adjust lightness or saturation — it's the most human-readable format.