Color Picker
Interactive visual color spectrum with EyeDropper tool, real-time HEX, RGB, HSL, CMYK values, and shade palettes.
Color Science & Standards
Conversions follow standard sRGB color space and W3C / WCAG 2.1 accessibility guidelines.
How to Use Color Picker
Click the visual color swatch or type any HEX color code.
Use your browser's native EyeDropper tool to sample any pixel from your display.
Copy formatted HEX, RGB, HSL, or CMYK codes with one click.
Explore monochromatic tints (lighter) and shades (darker) in the palette gallery below.
Frequently Asked Questions
Does the EyeDropper tool work on external apps?
In supported browsers (Chrome, Edge, Opera), the EyeDropper API allows sampling colors from anywhere on your desktop screen.
What is CMYK used for?
CMYK (Cyan, Magenta, Yellow, Key/Black) is the subtractive color model used in commercial color printing, while RGB is used for digital screens.
Explore Companion Color Tools
Free client-side color pickers, converters, CSS gradient generators, and WCAG contrast tools.
HEX to RGB Converter
Convert 3-digit, 6-digit, and 8-digit alpha HEX color codes to RGB and RGBA formats.
RGB to HEX Converter
Convert Red, Green, and Blue channel values (0–255) with optional Alpha into hexadecimal (#HEX) color codes.
HEX to HSL Converter
Translate HEX colors into intuitive Hue, Saturation, and Lightness coordinates.
HSL to HEX Converter
Convert Hue, Saturation, and Lightness values back to standard web hexadecimal color codes.
RGB to HSL Converter
Translate Red, Green, and Blue color channels directly to Hue, Saturation, and Lightness.
Gradient Generator
Create beautiful Linear, Radial, and Conic CSS gradients with custom angles and multi-color stops.