从任意图片中精准取色
在照片、网页截图、Logo 或设计稿中看到了喜欢的颜色,想要获取它的颜色代码?这款在线图片取色器就像一个适用于所有图片的吸管工具:只需打开图片,点击任意像素,即可获取 HEX、RGB 和 HSL 颜色代码,方便直接粘贴到 CSS、Figma、Photoshop、Canva 或 PowerPoint 中。放大镜功能会逐像素显示光标下方的区域,帮你精准定位;同时还会自动生成该图片的主色调调色板。
功能特点
- 吸管工具支持浏览器能打开的任意图片格式 —— JPG、PNG、WebP、GIF、SVG、AVIF 和 HEIC。
- 放大镜可逐像素放大光标所在的区域。
- HEX、RGB 和 HSL 颜色代码,提供一键复制按钮。
- 主色调调色板,自动从整张图片中提取。
- 取色历史最多保留 16 种颜色,方便你对比和回溯。
- 粘贴截图,支持直接从剪贴板读取图片。
- 保护隐私:图片仅在本地处理,绝不会离开你的设备。
我应该使用哪种颜色格式?
| 格式 | 示例 | 适用场景 |
|---|---|---|
| HEX | #1E90FF |
CSS、HTML、Figma、Canva 及大多数设计工具 |
| RGB | rgb(30, 144, 255) |
CSS、Photoshop、Office 办公软件、编程开发 |
| HSL | hsl(210, 100%, 56%) |
CSS(适合需要调整亮度或饱和度时使用) |
如果需要将提取的颜色转换为 CMYK 或 HSV 等其他格式,或者测试其与黑白文字的对比度,请使用颜色转换器。
使用场景
匹配品牌色:从公司 Logo 或网页截图中提取精准的蓝色,保持演示文稿风格一致。
创建配色方案:以照片的主色调为基础,为网站、海报或幻灯片主题进行配色。
网页开发:当设计稿是图片而非源文件时,直接从中提取颜色。
数字艺术与手工艺:获取参考照片中的颜色代码,用于绘画软件、刺绣或编织图解。
获取精准结果
请尽量选择尺寸最大、压缩率最低的图片版本:PNG 截图能保持颜色完全准确,而 JPG 照片在边缘处可能会有轻微的色彩偏移。使用放大镜放大图片,并避开抗锯齿边缘(此处的像素会混合两种颜色)。如果你只需要大图的一部分,可以先裁剪图片,以便更方便地操作。