提取图片颜色
提取图片中使用的颜色，并以颜色代码（HEX・RGB）显示。
1. 选择要取色的图片
支持 JPEG、PNG、WebP、GIF、HEIC（iPhone 照片）。
把图片拖放到这里
或
2. 图片中的颜色
按使用多少排列了图片中常用的颜色。点击即可复制。
颜色数量
显示格式
3. 一起使用
可以把取出的颜色保存为图片，或一次复制全部。
处理在本设备内完成，图片不会被上传。
颜色是在缩小图片后统计的，非常小的部分可能不会出现在调色板中。这时请用吸管取色。
觉得好用的话，欢迎分享
使用方法
1. 选择图片
点“选择文件”，选择要查看颜色的照片或图片。
把要查看颜色的图片拖放到页面任意位置，也可以点“选择文件”。
2. 查看使用的颜色
图片下方会按多少列出常用的颜色。可以更改“颜色数量”和“显示格式”，点击颜色即可复制。
图片中常用的颜色会按多少排列。用“颜色数量”可选 5、8、12 种，用“显示格式”可切换 HEX、RGB、HSL。点击颜色即可复制。
3. 用吸管取色
点击图片，即可取出该位置的颜色并复制。稍微长按后移动手指会出现放大镜，可以精确选择位置，手指离开处的颜色会被取出。
把光标移到图片上，就能看到该位置的颜色。点击即可取出颜色并复制。按住拖动会出现放大镜，可以精确选择位置，松开处的颜色会被取出。
4. 一起使用
用“将调色板保存为图片”，可以保存排列着颜色和颜色代码的图片。
用“将调色板保存为图片”，可以保存排列着颜色和颜色代码的图片。用“复制全部 HEX”“复制为 CSS 变量”，也能一次复制所有颜色。
适合这些场景
想参考照片或插画的配色
从喜欢的照片或插画中取出颜色，用于资料、幻灯片或网站的配色。
做设计或制作资料的人
想查出标志或商品的颜色
只要点击图片，就能知道该位置颜色的代码。适合确认标志或品牌色。
网页制作・宣传负责人
想直接用在 CSS 里
用“复制为 CSS 变量”，就能把调色板直接粘贴到样式表中。
网页开发者
手工或涂装时选颜色
把照片里的颜色记成颜色代码，挑选颜料、毛线或布料时可以作参考。
喜欢动手制作的人
使用前需要了解
- 屏幕上的颜色会因显示器和照片亮度而看起来不同。印刷用的颜色（CMYK）请用印刷厂的色卡确认。
- 压缩较强的 JPEG，在看起来是同一种颜色的地方也会混入略有不同的颜色。需要精确的颜色时，请用吸管取色。
- 想让图片变小，可以使用“压缩图片”。
关于颜色代码
颜色代码是用数字表示颜色的方式。网页和设计软件中常用 HEX、RGB、HSL 三种写法。它们表示的是同一种颜色，只是写法不同。
这个工具会先把图片缩小，再把看起来相近的颜色归为一组，找出常用的颜色。比例（%）大致表示图片中接近该颜色的部分有多少。
常见问题
整理了使用前容易在意的问题。
图片会被发送到别的地方吗？
不会。所有处理都在您设备的浏览器中完成，图片不会上传到服务器。
取出的颜色准确吗？
用吸管取出的颜色，就是点击位置像素本身的颜色。调色板中的颜色是相近颜色的平均值，可能与图片中任何一个点都不完全相同。
想要的颜色没有出现在调色板里。
把“颜色数量”设为 12，较少的颜色也更容易出现。非常小的部分，请点击图片用吸管取色。
怎样复制颜色？
点击调色板中的颜色即可复制。用吸管取出的颜色，在点击时也会自动复制。用“复制全部 HEX”可以一次复制所有颜色。
HEX、RGB、HSL 有什么不同？
它们是同一种颜色的不同写法。HEX 用“#”和十六进制，RGB 用红、绿、蓝的强度，HSL 用色相、饱和度、亮度来表示。请根据用途切换。
能知道印刷用的颜色（CMYK）吗？
不能。这个工具得到的是在屏幕上显示用的颜色（sRGB）。用于印刷时，请用印刷厂的色卡确认。
透明的部分会怎样？
生成调色板时，不计算透明的部分。
可以保存调色板吗？
用“将调色板保存为图片”，可以保存排列着颜色和颜色代码的 PNG 图片。用“复制为 CSS 变量”，可以复制成样式表可用的形式。
iPhone 的照片（HEIC）也能用吗？
可以。除了 JPEG、PNG、WebP、GIF，也能从 iPhone 的 HEIC 照片中取色。
可以免费使用吗？
免费。无需注册，也没有广告。