Extract a HEX colour palette from an image
Published
Use Hawaf BG’s palette tool to pick colours from a product photo or design. It groups similar colours and shows up to six representative HEX values. Areas that are mostly transparent are skipped.
On this page
Extract a colour and use it as a background
- Open the palette tool and choose a JPG, PNG or WebP. Use a tight crop or transparent cutout if the original background would dominate the colours you want.
- Tap a swatch to copy its HEX code. If clipboard access is unavailable, read the code shown on the button.
- In the cutout editor choose a custom file background and use the colour in the picker. Preview it with your product or lettering and adjust the shade if the edges are hard to see.
When the palette needs a more precise colour
The palette represents frequent colours, so a small logo detail may be missing. Crop around that detail and try again. If you need an exact brand colour, use the value from the original design file or the brand’s colour guide.
Check the palette against real text
Crop closer if a broad backdrop dominates the output. Copy a colour from the product and try a contrasting shade behind it. Open the layout at phone size and check that text remains easy to read. Keep the chosen code with the project.