Color Picker & Palette
9 toolsPick a color and generate a palette.
Runs in your browser — your files and text stay on your device
Pick a color with the color swatch, a hex code or, in supported browsers, an eyedropper that samples any pixel on screen. It shows the HEX, RGB, HSL, HSV and CMYK values to copy, plus five lighter and darker shades of the same color. Everything is computed in your browser.
Picker & PaletteShade ScalePalette from ImageColor MixerGradient GeneratorContrast CheckerColor BlindnessNamed ColorsPalette Reference
Palette
How to use this tool
- 1Pick a color with the swatch, type a hex code, or (in supported browsers) use "Pick from screen" to sample any pixel.
- 2Its HEX, RGB, HSL, HSV, and CMYK values appear as copyable cards.
- 3A 5-step palette is generated automatically — click any swatch to copy its hex code.
Frequently asked questions
What is CMYK used for?
Cyan/Magenta/Yellow/Key(black) is the color model used for print — useful if you're preparing a design for professional printing rather than screens.
Which browsers support "Pick from screen"?
It uses the native EyeDropper API, currently supported in Chrome, Edge, and other Chromium-based browsers. The button only appears when your browser supports it.
Does picking a color send anything to a server?
No — all the color math runs locally in your browser.