从图片提取调色板
拖入照片、截图或设计图，工具对像素进行采样、归入粗略 RGB 网格分桶，再以最频繁的桶取均值作为代表色。可调整颜色数（2–16）。调色板以按占比拼接的条状显示，并提供独立色块附 HEX、RGB 与所占图片百分比。
—
拖入图片以提取调色板。
使用方法
- 拖入图片或点击选择。
- 调整颜色数（2–16）。
- 点击任意色块复制 HEX，或用 Copy all 复制整套。
常见问题
- 提取如何工作？
- 把图片缩小（最长边最大 400px），再把 RGB 量化为 8×8×8 网格。最大的桶作为调色板，并以均值产出代表色，保证色块不显得像素化。
- 为何相似色被合并？
- 8×8×8 量化是刻意「粗一些」的——否则会得到一条几乎相同的渐变，而非调色板。需要更精细差别就增加颜色数；需要紧凑的品牌色就减少。
- 图片会上传吗？
- 不会。Canvas 在本地读取像素，桶仅存在于内存中，最终仅保留 HEX 字符串。
- 为什么百分比加起来不是 100？
- 只显示前 N 个桶——长尾的少量颜色未计入。条上的切片比例对应于显示的桶，而非整张图片。
相关工具
色盲模拟器
查看你的图片对 8 种色觉异常（CVD）人群分别如何呈现。
颜色 0 0
颜色令牌导出器
定义一次颜色调色板，导出到 CSS 自定义属性、Tailwind 配置、SCSS、LESS、设计令牌 JSON、SwiftUI Color 或 Android `colors.xml`。实时预览色样。
颜色 0 0
调色板生成器
选择基色，得到经典色环和谐配色 —— 互补、分裂互补、三色、四色、正方、类似、单色。
颜色 0 0
Tailwind 调色板
完整 Tailwind CSS 默认调色板 — 22 色相 × 11 色阶（50 至 950）— 点击复制为 Tailwind 类、HEX 或 rgb()。
颜色 0 0
颜色排序
粘贴 hex 颜色列表，按色相、饱和度、明度或感知亮度排序 — 适用于整理设计令牌调色板。
颜色 0 0
图片取色器
拖入图片，点击任意位置即可获取该像素精确的 HEX / RGB / HSL——一边取色一边收集调色板。
图片 0 0