Utilities
Color Picker
Pick a color from a wheel or input box, and get the HEX, RGB and HSL values in multiple formats. Useful for designers and developers working with colors.
On the way
Color Picker is coming soon
Pick a color from a wheel or input box, and get the HEX, RGB and HSL values in multiple formats. Useful for designers and developers working with colors.
We're still building this one. We'd rather not ship it until it works reliably end-to-end — no fake progress bars, no pretend success screens.
Try these instead
Going deeper
Color, by the numbers
Colors in software are represented in three common formats: HEX (a single string like #FF5733, used in CSS and HTML), RGB (three numbers for red, green and blue channels, used in design tools), and HSL (three numbers for hue, saturation and lightness, used for programmatic color manipulation). Each format has its strengths — HEX is concise, RGB is intuitive for designers mixing colors, HSL is intuitive for coders generating color variations programmatically.
HSL is particularly useful for generating color schemes from a single base color. To create a lighter version of a color, you increase the L (lightness) without changing H or S. To create a darker version, you decrease L. To create a complementary color, you add 180° to H. To create an analogous color, you add or subtract 30°. These operations are easy in HSL and awkward in RGB or HEX.
For most workflows, picking a base color from the wheel and copying the HEX is the fastest path. The other formats are useful when handing the color to a specific tool that expects a specific format, or when generating color variations programmatically.
What you get
Features
Color wheel and direct input
HEX, RGB, HSL, CMYK outputs
Copy any format with one click
Saves recently picked colors locally
Step by step
How to use
- 1
Pick a color from the wheel, or type a HEX value.
- 2
See all output formats update live.
- 3
Copy any format you need.
Your privacy
How this tool handles your file
Color picking happens entirely in your browser. No data leaves your device.
Read more about our security practices or see our privacy policy.
Frequently asked
Common questions
Keep going
Related tools
Tools that pair well with Color Picker.
Looking for something else? Browse all tools or ask us to build one.