识别Logo与海报颜色
点击品牌图形、按钮或标题区域，直接复制可用于网页和设计软件的HEX颜色。
点击像素 · 自动配色 · 不上传
图片里的颜色，
一点就知道。
上传照片、截图、Logo或设计稿，点击任意位置提取 HEX、RGB、HSL、透明度和坐标，并自动获得六种图片主色。
适用场景 / GUIDE从一个像素，
从一个像素，
找到整套配色。
读取截图中的UI颜色
从产品截图中提取背景、边框与强调色，并用RGB或HSL继续微调。
快速获得图片主色
自动配色板会列出图片中较常见且彼此有区分的颜色，适合制作封面、演示文稿和社交素材。
取色建议 / TIPS
颜色看起来接近，代码未必相同。
放大后选择代表性像素
阴影、抗锯齿和照片噪点会产生许多近似颜色。同一区域可多点几次，选择更具代表性的结果。
透明素材同时看透明度
六位HEX只表示RGB通道。透明PNG或WebP还应结合工具显示的透明度判断实际叠加效果。
主色用于方向，单点用于精确
自动主色来自缩小后的颜色统计，适合快速找方向；需要还原具体像素时，请点击原图位置取色。
常见问题 / FAQ
图片取色之前，你可能想知道。
怎样从图片中提取HEX颜色？＋
上传图片后点击需要取色的位置，工具会立即显示该像素的HEX、RGB、HSL、透明度和原图坐标。点击对应颜色代码即可复制。
图片取色会上传原图吗？＋
不会。图片解码、像素读取、颜色转换和主色统计都在当前浏览器中完成，本站服务器不会接收原图或取色结果。
主色配色板是怎样生成的？＋
工具会在浏览器内缩小图片样本，统计出现较多的颜色区间，并过滤透明和过于相近的颜色。它适合快速找配色，精确像素颜色请以点击取色结果为准。
为什么透明区域仍有RGB或HEX数值？＋
PNG与WebP的透明像素仍可能保存RGB通道。工具会同时显示透明度；使用颜色时应结合透明度判断，HEX栏默认展示六位RGB颜色。
手机上可以点击图片取色吗？＋
可以。选择相册图片后，轻触预览中的位置即可读取颜色；颜色值可点击复制到剪贴板。