Color picker
Colors stay in this tab. Nothing is uploaded.
Preview
How to use this tool
Pick a color, copy hex / RGB / HSL, and check contrast. Eyedropper when the browser allows.
Open Color picker
A sample pink is loaded. Hex, RGB, and HSL fields sit together.
Enter or pick a color
Type a hex value, use the native color input, or the eyedropper when your browser has one.
Copy hex or RGB
The swatch and contrast note update live. Copy the format you need.
FAQ
Is this a color picker?
Yes. Pick a color and copy hex, RGB, or HSL. Everything stays in this tab.
Does the eyedropper work?
In Chromium browsers the EyeDropper API can sample any pixel on screen. Other browsers still have the native picker.
Can I type a hex code?
Yes. Hex, rgb(), and hsl() all parse. Invalid input is ignored.
What is the contrast number?
WCAG contrast against white and black. 4.5:1 is the usual body-text floor.
Is the color sent to a server?
No. There is no network call.