Picked colours
Tool Description: Colour Picker (CP)
What it is:
A compact, Elementor-ready colour picker that lets you upload or drop an image, click any pixel, and collect HEX swatches. Restyled to match the “Color Calculator” visual language without altering the original business logic.
What it does:
Upload/drag-drop an image and preview it.
Toggle an eyedropper mode to click the image and capture colours.
Build a swatch list with copy-to-clipboard for each HEX code.
Clear swatches when needed.
Optimized print view that focuses on results.
How it helps a developer (examples):
Quickly extract a brand palette from a screenshot or mockup.
Share printable swatch sheets with designers or clients.
Embed a lightweight picker in a style guide or CMS page without external dependencies.
Usage Instructions:
Click Select image (or drag and drop) to load an image.
Press Use Eyedropper to enter pick mode (button turns primary).
Click anywhere on the image to add a colour swatch.
Use Copy on any swatch to copy its HEX value.
Click Clear to remove all swatches.
Printing the page will auto-hide controls and enlarge swatches for a clean results sheet.
Dark mode is intentionally disabled to match the required brand styling.