Pull a website colour palette from an image
palette_extractExtract dominant colours from an image as hex codes and coverage shares, plus a ready-to-use :root CSS custom-properties block. Use it to build a colour palette from any photo or banner.
Instructions
Reads the dominant colours out of a real image (a generated hero, banner or any photo) and returns them as hex codes with their share of the image, plus a ready :root CSS custom-properties block. This is a colour histogram, not a brand decision: it names the colours --palette-1, --palette-2 and so on by how much of the image they cover, most dominant first. Decide yourself which one is the primary, the accent or the background before wiring it into a stylesheet.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| count | No | ||
| input_path | Yes |