Color Pickers
Choose, inspect, and name individual colors
Color pickers help you select a single color and read every value it maps to. Instead of guessing HEX codes, you can drag a picker, type a value in one format, and instantly see the RGB, HSL, HSV, and CMYK equivalents. These tools are the fastest way to lock in a precise color and copy it into your CSS, design file, or documentation.
Tools in this category
Color Picker Pick a color and read its HEX, RGB, HSL, HSV, and CMYK values with alpha support. Random Color Generator Generate random colors with style filters, hue/saturation ranges, and contrast pairs. Color Name Finder Find the closest CSS color name for any color, with similar colors and a palette.
What you can do here
- Finding the exact HEX code for a brand color before adding it to a stylesheet
- Naming an unfamiliar color so you can describe it in a spec or ticket
- Grabbing a starting color to feed into a palette or harmony generator
Frequently asked questions
Do color pickers work on mobile?
Yes. Every picker supports touch input and typed values, so you can adjust a color with a slider or enter a HEX code directly on a phone or tablet.
Which color format should I copy?
Use HEX or RGB for the web, HSL when you want to reason about hue and lightness, and CMYK only as an approximation for print. Every picker gives you all of them.
Explore other categories
Color Converters Convert between HEX, RGB, HSL, HSV, HWB, and CMYK Palette Generators Build color schemes and harmonies from any base color Image Color Tools Pick colors and extract palettes from your images Gradient Tools Create and copy CSS gradients Accessibility Tools Check color contrast against WCAG guidelines Developer Color Tools Convert, generate, and export colors for code