Free Color Picker Online
Pick any color visually and instantly get its HEX, RGB, and HSL values — with history and clipboard copy.
#3B82F6How it works
Pick a color
Click the large color picker area or type a value to select your color.
Copy the value
Click any format (HEX, RGB, HSL) to copy it to your clipboard.
Save recent colors
Recently picked colors appear in the history row for quick re-selection.
All in the browser
Uses the native <input type="color"> — no canvas API, no uploads.
Common use cases
Design system tokens
Pick brand colors and copy HEX/HSL values to define CSS custom properties or design tokens.
Color matching
Match colors from a reference image or palette and get the exact values for your CSS.
Accessibility testing
Pick foreground and background colors to use with the Contrast Checker tool to verify WCAG compliance.
Generating tints and shades
Pick a base color and use the HSL value to generate lighter and darker variants by adjusting lightness.
Frequently asked questions
Can I enter a HEX code directly?
Yes — type any HEX code in the input field and the picker updates to that color.
Why are there multiple color formats?
Different contexts prefer different formats: CSS typically uses HEX or HSL, design tools use HEX or RGB, and some APIs use RGB tuples.
Is the color picker calibrated to my monitor?
The picker uses sRGB values. For color-critical work (print, brand), use a hardware-calibrated monitor and a dedicated color management tool.
Are my picked colors stored anywhere?
Colors are stored in-memory in the browser tab only. Nothing is sent to a server or saved to localStorage.