Color Picker

Pick colors and convert between HEX, RGB, and HSL formats.

Pick a Color

HEX

RGB

HSL

Red: 59

Green: 130

Blue: 246

Quick Colors

How to Use

Click "Pick a Color" to open the color picker
Use the RGB sliders for fine-tuning
Enter values directly in HEX, RGB, or HSL format
Click the copy button to copy any format to clipboard

Color Format Reference

HEX: #RRGGBB - Hexadecimal representation (0-9, A-F)
RGB: rgb(R, G, B) - Red, Green, Blue values (0-255)
HSL: hsl(H, S%, L%) - Hue (0-360), Saturation (0-100%), Lightness (0-100%)

FAQ

Which format should I use?

HEX is most common in web development. RGB is intuitive for color mixing. HSL is best for adjusting brightness or saturation.

What's the difference between 3-digit and 6-digit HEX?

3-digit HEX (#RGB) is shorthand where each digit is doubled. #F00 equals #FF0000 (red).