← Back to tools
Color Picker
Pick a color and instantly get HEX, RGB and HSL values for your design and development projects.
Select Color
Choose a color using the picker or enter a HEX value.
#2563EB
Color Picker
Click the color swatch to select a color
Color Values
Copy any value with one click.
#2563EBrgb(37, 99, 235)
hsl(221, 83%, 53%)
Hue
221°
Saturation
83%
Lightness
53%
Color Formats
HEX
#2563EB
Web & CSS
RGB
rgb(37, 99, 235)
Screens & digital
HSL
hsl(221, 83%, 53%)
Design & CSS
🎨
Easy Color Picking
Select any color using the built-in color picker.
📋
One-Click Copy
Quickly copy HEX, RGB or HSL values to your clipboard.
💻
Developer Friendly
Get color values ready to use in CSS and web projects.