使用步骤
- 选择图片、拖到这里，或按 Ctrl+V 粘贴截图。
- 在图片上移动，放大镜会显示精确的像素。
- 点击取色，复制 HEX、RGB 或 HSL 格式。
- 在「主色调」中查看图片的主要颜色及各自占比。
参数说明
- 颜色数
- 要提取几种主色。会把相近的像素归为一组，显示每组的平均色，并按在图片中所占的面积排序。
使用示例
对照品牌色。 粘贴 Logo 的截图，点一下就得到 HEX 色值。
从照片中提取配色。 上传一张风景照，复制 5 种主色用于设计。
常见问题
主色调是怎么计算的？
使用中位切分算法：把图片中的颜色反复分成相近的几组，每组的平均色就是一种主色。透明像素不参与计算。
为什么取到的颜色和设计稿有细微差别？
颜色是在浏览器把图片转换为 sRGB 之后读取的。Display P3 等广色域图片会被转换，JPEG 压缩也会轻微改变单个像素。在大面积的纯色区域取色最准确，避开边缘。
图片会上传吗？
不会，图片在浏览器中读取。
隐私说明
本工具完全在浏览器中运行，文件和文本都在你的设备上处理，不会上传到我们的服务器。