Color Picker

Pick a color and convert between HEX, RGB, and HSL formats

#3B82F6
HEX
RGB
R (0-255)
G (0-255)
B (0-255)
rgb(59, 130, 246)
HSL
H (0-360)
S (0-100)
L (0-100)
hsl(217, 91%, 60%)

Frequently Asked Questions

What is a hex color code?

A hex color code is a 6-digit hexadecimal value (e.g., #3b82f6) that represents a color. The first two digits are red, the next two are green, and the last two are blue, each ranging from 00 to ff.

How do I convert HEX to RGB?

Each pair of hex digits represents a color channel (R, G, B). For example, #3b82f6 converts to rgb(59, 130, 246) — just convert each pair from base-16 to base-10. Our tool does this automatically.

What is HSL?

HSL stands for Hue, Saturation, and Lightness. Hue is the color angle (0-360°), Saturation is the color intensity (0-100%), and Lightness is how light or dark it is (0-100%). It's often more intuitive than RGB for design work.

What is the difference between RGB and RGBA?

RGB defines a color using Red, Green, and Blue channels. RGBA adds a fourth Alpha channel for opacity/transparency, ranging from 0 (fully transparent) to 1 (fully opaque).