Color Picker — HEX/RGB/HSL Converter & Image Eyedropper
Pick colors, convert formats, sample from images, and build a palette. Download a clean snapshot for sharing.
Drop image here or click to upload
Click on the image to sample a pixel color
GuideHow to Prepare Favicons, ICO Files and Web Colors
Read guide →
Create a consistent website icon set and translate colors between HEX, RGB, and HSL values.
Frequently asked questions
How do I convert HEX to RGB/HSL/CMYK?
Enter a HEX value or pick a color; the converter auto-updates RGB, HSL and CMYK instantly. Copy any format with one click for CSS, Tailwind, Figma or Photoshop.
Can I pick a color from an image or my screen?
Upload an image and click on any pixel to eyedrop the color. If your browser supports it, use “Pick from screen” to sample colors from any window.
How do designers use this color picker?
Create a palette for branding and UI, copy HEX/RGB/HSL to your design system, export a clean snapshot to share in tickets, PRDs or style guides.
Is CMYK conversion accurate for print?
The CMYK shown is a device-independent approximation. For press-ready colors use your printer’s ICC profile inside Illustrator/Photoshop or your RIP workflow.
Can I export or share my palette?
Use “Download Palette Snapshot” for a PNG you can share anywhere. Each swatch is clickable to copy the HEX value.
What does the Color Picker do?
Pick colors from an image or supported screen eyedropper and convert HEX, RGB, and HSL values.
How should I interpret a Color Picker result?
Read the displayed labels and validation messages together, then verify important findings against the original source. The result is a practical aid, not proof beyond the data it can inspect.
What can affect the Color Picker result?
Inputs, source data, network conditions, and the limits explained on the page can affect the result.
Where can I learn more about using the Color Picker?
Read “How to Prepare Favicons, ICO Files and Web Colors” for a practical workflow, limitations, and checks to make after using the tool.