图片取色器

怎么用

1. 把图片直接拖进页面（或点上传按钮选文件），图片只在你的浏览器里处理，不会传到任何服务器。
2. 等一两秒，页面会自动列出这张图的主色调色板，每块色卡都标着对应的色值。
3. 想取某个具体位置的颜色，就在图上直接点那一下，HEX 和 RGB 值立刻显示出来，点旁边的复制按钮就进剪贴板了。

什么时候用得上

刷到一张配色特别舒服的海报或截图，想在做 PPT、写网页时借用同款颜色，把图丢进来点几下，几个主色的 HEX 就到手了，不用再对着色板靠肉眼瞎猜。

拿到手的设计稿是图片格式，写前端时需要知道某个按钮、某行文字的确切色值，直接在图上点那个位置取色，比截图去追问设计师快得多。

常见问题

图片会被上传到服务器吗？不会，所有取色和主色提取都在你自己的浏览器里完成，断网也能正常用，图片从头到尾留在本机。

为什么提取的主色和我想的不一样？主色是按颜色在整张图里占的面积算出来的，如果画面里有大片天空或纯色背景，结果自然会偏向它们。这种情况直接在图上点你真正想要的那一块就行。

该复制 HEX 还是 RGB？两者是同一个颜色的不同写法。写 CSS、在设计软件里填色用 HEX 更省事，Office 软件自带的取色器一般要填 RGB 三个数值，按你要粘贴的地方选对应的格式就好。

相关工具