0

图像调色板提取器

在浏览器中提取任何照片的真实调色板:中值剪切量化通过十六进制代码、CSS 变量和 JSON 导出找到 3-12 个关键颜色。

🧵

拖放图像

处理中... 0%
读取图像文件
缩小像素
运行中值剪切量化
构建调色板

结果

Preview Output

该调色板提取器读取图像中实际的颜色,而不是根据理论计算的颜色。上传照片,选择您想要的颜色数量(3 到 12 种,五种或六种适合大多数工作),然后该工具会返回按重量排序的色板调色板:首先是主色,每种颜色都有其十六进制代码、其在图像中所占的百分比以及复制按钮。只需单击一下即可导出 — 用于样式表的 CSS 自定义属性块、用于脚本和设计标记的 JSON 数组以及用于情绪板的调色板 PNG。

在底层,该工具使用中值剪切量化,GIF 编码器依靠相同的算法将数百万种颜色压缩到一个小调色板中。首先将图像在本地画布上缩小到大约一万个像素;然后将颜色空间在其最宽通道的中值处重复分割,直到保留所请求的簇数,并将每个簇平均为一个样本。这就是为什么结果反映了您的眼睛所看到的图像特征,而不是少数随机采样的像素。

一切都发生在您的浏览器中:无需上传、无需排队、无需帐户,并且未发布的设计、客户照片和内部屏幕截图完全安全。浏览器可以解码的任何格式都可以工作 - PNG、JPG、WebP、GIF 和透明区域都会被忽略,因此 PNG 徽标会生成干净的调色板。

典型用途:将品牌照片拍摄转化为设计系统颜色,将登陆页面与英雄图像相匹配,从封面艺术生成图表或主题颜色,或记录插图的调色板。请注意与调色板生成器的区别,调色板生成器从您选择的一种基色构建和谐的调色板 - 该工具提取真实图像已有的调色板。选择了一个样本并需要使用另一种表示法?颜色格式转换器将 HEX 转换为 RGB、HSL 和 CMYK。