Free Color Picker
Pick any color and instantly get its HEX, RGB, HSL and CMYK values. Type a HEX code to start. Copy any value to clipboard with one click.
#2563EB
rgb(37, 99, 235)
hsl(220, 83%, 53%)
cmyk(84%, 58%, 0%, 8%)
var(--color: #2563EB)
Shades
About the Color Picker
This free online color picker converts between the most common colour formats used in web and print design. Enter a HEX code or use the native browser colour picker to select any colour, and instantly see its values in HEX, RGB, HSL, and CMYK formats.
Color Format Reference
- HEX: 6-digit hexadecimal representation (#RRGGBB). Most common in CSS and HTML.
- RGB: Red, Green, Blue — each 0–255. Used in CSS
rgb()and canvas. - HSL: Hue (0–360°), Saturation (0–100%), Lightness (0–100%). More intuitive for design adjustments.
- CMYK: Cyan, Magenta, Yellow, Black — used in print design and professional printing.
Frequently Asked Questions
The HEX input accepts standard 6-digit HEX codes (e.g. #FF0000). Use the colour picker wheel for visual selection. For named CSS colours, type the equivalent HEX in the input field.
The CMYK values are mathematically derived from RGB. For professional printing, use colour profile-based conversion in dedicated tools like Adobe Illustrator, as screens and printers use different colour gamuts.
The shade row shows the selected colour at 10 lightness levels from lightest to darkest (10%–90% lightness in HSL), useful for building a colour scale for a design system.