Color Picker
Select any color visually and instantly get its HEX, RGB, and HSL values, useful for grabbing an exact color value for design or code.
#2563EB
Pick a color to get its values
About the Color Picker
A color picker lets you select any color visually and instantly get its HEX, RGB, and HSL values, useful for grabbing an exact color value for design or code.
How to use
1
Select a color using the visual picker or enter a value directly.
2
View the corresponding HEX, RGB, and HSL values.
3
Copy whichever format you need.
Frequently asked questions
Can I pick a color from an image?
Depending on the tool's features, an eyedropper function may let you sample a color directly from an uploaded image.
Which color format should I use in my project?
This often comes down to personal preference or the convention your codebase already uses, since HEX, RGB, and HSL are all equally valid in modern CSS.
Related tools
Explore more tools in the Color category.