Color Palette GeneratorGenerate colour palettes from a base colour (complementary, analogous, triadic, tints and shades) or extract an image’s dominant colours.
Color Picker & Converter
Choose a colour with the picker, type any HEX, RGB or HSL value, or click on an uploaded image to sample a pixel. Contrast ratios help you pick accessible text colours.
Sample a colour from an image
Open an image, then click on it
Runs entirely in your browser. Your input and files are not uploaded to any server.
How to use
- Use the colour input, type a value, or open an image and click a pixel.
- Read the HEX, RGB and HSL values and copy the one you need.
- Check the WCAG contrast ratio with white and black text.
Examples
Match a brand colour from a logo
Open the logo image and click on the coloured area to get its HEX code.
Choose readable button text
If contrast with white is below 4.5:1, use dark text or darken the colour.
Privacy
Your files and text stay in your browser while you use this tool, and ads or anonymous visit statistics do not receive them. Only your favorites and recent tools are saved on your device. Privacy policy
Want proof? Check it with your browser’s Network tab: How to check that a tool does not upload your files
Frequently asked questions
What is the screen eyedropper?
Some browsers (Chrome and Edge on desktop) provide an EyeDropper that can sample any pixel on your screen. The button appears only where it is supported.
Why can sampled colours differ slightly?
JPG compression and colour profiles can shift pixel values. Sample a flat area rather than an edge.
Related tools
All Image ToolsFavicon GeneratorGenerate a complete favicon set from an image or a letter: favicon.ico, 16–512 px PNGs, Apple touch icon, web manifest and HTML tags, in one ZIP.
SVG Preview & OptimizerPreview SVG files safely and shrink them by removing comments, editor metadata and whitespace, with optional number rounding.
Image Converter (JPG, PNG, WebP)Convert images between JPG, PNG and WebP in bulk.
Image CompressorCompress JPG, PNG and WebP images in your browser by quality or to a target size such as 100 KB.
Image ResizerResize JPG, PNG and WebP images to exact pixel dimensions or a percentage, with optional aspect-ratio lock.