配色板

创作者支持

从图片提取配色，支持自动提取与对比度检查。

Pin this app to Home. Open it from Home afterward.

About this app

Eyedrop or region-auto-extract colors from reference images into a living palette. Check HEX/RGB/HSL, copy CSS variables or JSON, and gauge text/background contrast (WCAG) while you explore directions.

Save named projects with image plus palette for UI, illustration, or slide color work.

What you can do

  • Click eyedrop with loupe, drag-region auto extract, complementary/analogous suggestions
  • HEX/RGB/HSL plus CSS variable and JSON copy
  • WCAG-minded contrast checker
  • Named project saves (image + palette)

Getting started

  1. Drop or paste an image.
  2. Click colors or auto-extract a region into the palette.
  3. Check contrast and refine swatches.
  4. Copy CSS/JSON or save the set as a project.

Tip

Project saves depend on local storage space. Keep important palettes as CSS/JSON copies too.

Last updated

2026年7月2日

Compatible devices

  • Windows
  • Mac
  • PC recommended