图片取色器

从任意图片中精准取色

打开图片，点按任意像素即可读取真实的 HEX、RGB 和 HSL 值；随后调整色板，并导出 PNG 色卡或 CSS 变量。所有处理都在浏览器中进行，图片不会离开你的设备。

HEX— RGB— HSL— 透明度—

尚未选择像素选择一张图片，或先用示例开始。

将图片拖放到这里

或点击 选择图片。也可以按 Ctrl/Cmd + V 粘贴。支持 PNG、JPEG、WebP、GIF 和 BMP，最大 25 MB。

常见问题

图片会被上传吗？

不会。PickTint 在你的浏览器内解码并读取文件。没有上传接口、没有账户，未经你同意，页面也不会运行任何跟踪脚本，图片不会离开你的设备。

支持哪些图片格式？

支持 PNG、JPEG、WebP、GIF（第一帧）、BMP 等浏览器可解码的位图格式，最大 25 MB、4000 万像素。不支持 SVG 和 PDF 文件。

为什么某个像素显示为透明？

完全透明的像素（alpha 为 0）没有颜色，PickTint 会如实说明，而不会假装它是黑色。半透明像素会显示真实的 RGB 值和透明度百分比，你也可以复制 RGBA 值。

取到的颜色是真实像素吗？

是。单击或点按会从原始分辨率的图片中读取像素，而不是屏幕上的缩放预览。色板基于缩小副本快速生成，再进行分组并合并相近颜色。

自动色板如何工作？

PickTint 会从图片的小副本中采样，使用中位切分法归并相似像素，并合并近似重复的颜色。纯色图片只返回一种颜色，不会用虚假颜色凑数。你可以调整目标数量、编辑任意 HEX 值，并添加、删除和重新排序颜色。

导出的文件包含什么？

PNG 色卡按顺序显示每种颜色及其 HEX 和 HSL 标注。CSS 文件定义从 --picktint-1 开始的稳定变量，顺序与导出时的色板一致。

手机上能用吗？

可以。在图片上点按或拖动即可取色；窄屏下图片位于色板上方。无需选择文件也可以直接试用示例图。