◈
图片取色板
拖入图片，提取 5–8 个主导色（Median Cut 量化），每色可复制 HEX，并导出 CSS 变量 / JSON / Tailwind 主题片段；图片本地解码，不上传。
浏览器本地执行配色取色
正在加载工具…
使用说明
- 拖入图片或点击选择。图片只在浏览器里解码，不上传——这里没有服务器参与。
- 主导色按「面积」排，不按深浅。第一格是画面里占得最多的颜色，不是最显眼的那个。
- 量化用 Median Cut，但切分点是「通道上最大的间隙」而不是中位数。按中位数切会把一张「80% 白 + 20% 黑」的图切成 #999999 和 #ffffff 两格——两个纯色块，输出里却没有一个是对的。
- 透明像素会被跳过。PNG 图标的透明背景如果算进主色，结果会是「什么都没有」，而不是图标本身的颜色。
- 这工具统计像素分布，不做语义识别。它不会告诉你「这是天空蓝」，只知道这块蓝占了 32% 的面积。
- 导出三种格式：CSS 变量（从 --swatch-1 起编号）、JSON、Tailwind v4 的 @theme 片段。