Color Palette

Extract dominant colors to CSS/JSON.

No file selected

Overview

Extract dominant colors and output as CSS variables or JSON. Useful for theme design.

How to use

  1. Load an image.
  2. Choose extraction count and algorithm.
  3. Copy CSS/JSON.

Use cases

  • Draft a brand palette.
  • Match site colors to your hero/eyecatch.
  • Propose base colors for light/dark themes.

Tips & knowledge

  • Check contrast ratio for accessibility.
  • Tweak saturation/lightness for the background.
  • Avoid over‑merging similar hues.