Color Palette GeneratorGenerate colour palettes from a base colour (complementary, analogous, triadic, tints and shades) or extract the dominant colours of an image.
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
Runs entirely in your browser. Your input and files are not uploaded to any server. See the privacy policy for what is stored in your browser (favorites and history only). Privacy policy
Check it yourself: open your browser’s developer tools, select the Network tab and use the tool. Your file never appears in an upload request. Once this page is saved for offline use, you can also disconnect from the internet and keep working. Ads and anonymous visit statistics, when enabled, make their own requests, but they never receive your files or text.
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.