Color Picker
Pick a color and get HEX, RGB, and HSL values. Copy any format.
Processed locally in your browser
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
RGB Values
R: 59
G: 130
B: 246
Frequently Asked Questions
What is the difference between HEX, RGB, and HSL?
HEX uses a 6-digit hexadecimal code (e.g., #3B82F6), RGB defines color by red/green/blue intensity (0-255), and HSL describes color by hue, saturation, and lightness — all represent the same color in different formats.
Which color format should I use in CSS?
HEX is most common for solid colors, RGB/RGBA is best when you need transparency, and HSL is ideal when you want to programmatically adjust hue, saturation, or lightness.
Can I enter a color code manually instead of using the picker?
Yes. Use the manual input field to type any HEX, RGB, or HSL value and click Apply (or press Enter) to convert it to all formats instantly.