找出照片、截图或设计稿中任意像素的精确颜色。点击或轻触图片,用放大镜对准,然后以 HEX、RGB、HSL 或 OKLCH 格式复制颜色。取过的颜色会汇集成一个可导出的列表;在 Chrome 和 Edge 中,你还可以从屏幕上的任何位置取色。即使没有图片,它也可以当作颜色格式转换器使用。
使用方法
- 拖入、粘贴或选择一张图片,或者输入一个颜色进行转换。
- 点击或轻触图片;在手机上,滑动手指,抬起时取色。方向键可以让放大镜每次移动一个像素。
- 复制你需要的值,或把颜色下载为文本、CSS 或 JSON。
常见问题
- 我的文件会被上传吗?
- 不会。所有处理都在你的浏览器中、你自己的设备上进行。你可以自行验证:打开浏览器的开发者工具(DevTools),在工具运行时观察“网络”面板,你不会看到任何上传。页面标题旁的徽标会实时显示本页已发送的字节数。
- 为什么颜色和我的设计软件里显示的略有不同?
- 照片常常以更宽的色彩空间存储,或者嵌入了色彩配置文件。浏览器会把图片转换为标准 sRGB 来显示,取色器报告的就是你在屏幕上看到的 sRGB 值。取 3×3 或 5×5 像素的平均值还能平滑 JPEG 噪点。
- 能从浏览器之外取色吗?
- 在电脑上的 Chrome 和 Edge 中可以:“Pick from screen”能采集你显示器上的任意像素。其他浏览器不提供这一功能,所以那里会隐藏这个按钮;从图片取色在所有浏览器中都能用。
- 它能读取哪些颜色格式?
- 可以输入或粘贴 HEX(#1e90ff 或 #19f)、rgb()、hsl() 或 oklch(),用逗号或空格分隔均可。任何一种格式都会同时转换为其他所有格式。