屏幕与图片取色
从屏幕任意位置（Chrome 与 Edge）或图片中取色，并提取图片主色。
正在加载…
在本页的浏览器中运行，不上传任何内容。
工具介绍
从屏幕任意位置或一张图片中取色，得到 HEX、RGB、HSL、CMYK 等色值。适合从网页或软件界面中吸取品牌色，取出照片中某一处的颜色，或者提取图片的主色作为配色参考。
屏幕取色使用浏览器的 EyeDropper 接口，目前仅桌面版 Chrome 与 Edge 支持；其他浏览器仍可从图片取色。图片取色会列出最多 8 个主色及其占比。全部在浏览器中完成，图片不上传。
使用步骤
- 在 Chrome 或 Edge 中点击“从屏幕任意位置取色”，再点击屏幕上想要的位置；按 Esc 可取消。
- 或者在“图片取色”下选择一张图片，把鼠标移到图片上可看到该点的 HEX 值，单击即取色。
- 在“主色”中查看图片的主要颜色和占比，点击色块也可以选中它。
- 从下方表格复制需要的写法，并查看白底、黑底对比度；点“已取颜色”中的色块可重新查看之前取的颜色。
常见问题
为什么没有屏幕取色按钮？
屏幕取色依赖 EyeDropper 接口，目前只有桌面版 Chrome 和 Edge 支持。在其他浏览器中页面会显示说明，你可以先截图，再用“图片取色”。
从图片取的颜色为什么和原图像素略有差别？
为了保持流畅，长边超过 1600 像素的图片会先缩小到 1600 像素再取色，缩小时相邻像素会混合，细线或噪点处的颜色可能略有不同。需要精确到单个像素时，可以先把图片裁小再取色。
主色是怎么算出来的？
工具在整张图片上均匀抽样像素，用 k-means 聚类合并相近的颜色，按占比从高到低列出最多 8 种；大部分透明的像素不参与计算。
取过的颜色会保存吗？
不会。“已取颜色”最多保留最近 24 个，只在页面打开期间有效，刷新或离开页面后清空。图片只在浏览器中读取，不上传。
相关工具
颜色代码转换与调色板
在 HEX、RGB、HSL、HSV、CMYK 与 CSS 颜色名之间转换，检查无障碍对比度，生成深浅色阶与配色方案。
涂鸦画板
用画笔和橡皮擦作画，可撤销重做，保存为 PNG；支持手写笔压感。
二维码与条形码生成
生成二维码、Data Matrix、PDF417、Aztec、Code 128、Code 39、Code 93、EAN、UPC-A、ITF 或 Codabar 的 PNG / SVG 图片，可每行生成一个。
二维码与条形码识别
从最多 20 张 PNG、JPEG 或 WebP 图片中识别二维码与条形码，一张图可含多个码。
摄像头扫码
用摄像头实时识别二维码与条形码，链接只显示、不会自动打开。
GIF 动图制作
把多张图片按顺序合成 GIF 动图，可设尺寸、每帧时长、播放次数和颜色数；尺寸不同的图片会等比放入或裁剪填满。