图片取色器
上传图片自动提取主色调，支持手动取色，一键复制 HEX / RGB / HSL 色值
图片取色器是一款图像工具在线工具，上传图片自动提取主色调，支持手动取色，一键复制 HEX / RGB / HSL 色值。所有处理均在浏览器本地完成，文件不会上传到服务器。
点击或拖拽图片到这里
支持 JPG / PNG / WebP / GIF / BMP / SVG
在预览图上移动鼠标即可取色，点击可锁定该颜色到右侧详情栏。
自动提取的调色板
当前取色
#CCCCCC
204,204,204
0,0%,80%
如何使用图片取色器
只需 3 个简单步骤，即可从任何图片中提取配色方案
上传图片
将图片拖入虚线框内，支持 JPG / PNG / WebP / GIF 等常见格式
自动提取
系统自动分析像素，提取出最具代表性的 8 种主色调色板
复制色值
点击色块或手动取色，一键复制 HEX、RGB 或 HSL 颜色代码
适用场景
-
1
UI / UX 设计
看到好看的海报或界面图，上传即可一键提取主色调，建立配色灵感库
-
2
服装搭配
提取照片中衣服的颜色，方便在购物网站搜索同色系单品
-
3
绘画与插画
数字绘画时参考照片的色卡，快速建立调色板，确保色彩还原度
-
4
前端开发
根据 Logo 或 banner 图直接吸取颜色并复制 CSS 代码，统一站点配色
核心功能
-
1
智能调色板提取
基于像素分析的算法自动提取 8 种最具代表性的主色调
-
2
手动精准取色
移动鼠标实时显示当前像素颜色，点击即可锁定精确色值
-
3
多格式色值
同时提供 HEX、RGB、HSL 三种格式，一键复制到剪贴板
-
4
隐私保护
采用 HTML5 Canvas 纯浏览器运算，图片不会上传到任何服务器
常见问题
我的图片会上传到服务器吗？
绝对不会。这是一款纯客户端工具，所有图片处理都在您的浏览器本地完成，不会经过我们的服务器，请放心使用。
支持哪些图片格式？
支持所有主流的网页图片格式，包括 JPG、JPEG、PNG、WebP、GIF、BMP、SVG（作为图片）等。
可以导出调色板吗？
目前支持单独复制每个颜色的代码。您可以点击生成的色块，然后复制 HEX 或 RGB 值到剪贴板。
支持 CMYK 格式吗？
本页面主要提供屏幕显示的 HEX / RGB / HSL 格式。如果您需要打印用的 CMYK 值，可以使用我们网站底部的颜色转换器工具。
工具有图片大小限制吗？
理论上没有限制，因为是在本地处理。但过大的图片（如超过 20MB）可能会导致浏览器短暂卡顿，建议使用常见的网络图片尺寸。
进阶使用技巧
取色器从图片提取配色方案：
1. 一键取主色
从 Logo 或照片取主色，保证设计统一。
2. 生成色板做搭配
提取多色形成板，UI 配色有依据。
3. 转 HEX 或 RGB 直接用
取到的色直接转成代码粘进项目。
4. 注意对比度
取的文字色与背景要够对比，保证可读。
5. 保存品牌色板
把常用色固化，团队复用不偏色。
6. 移动端取屏上色
从任意界面取色，灵感即时捕捉。
以上技巧基于 图片取色器 的常用场景整理，实际效果会因输入数据与使用场景而异；遇到异常结果时，优先回到原始数据逐项排查。