图片取色教程：获取图片任意位置的颜色值，HEX、RGB 互转
做 PPT、设计海报、写网页，或者想让名片和公司 Logo 颜色一致，都需要知道准确的颜色值。用 图片取色器 上传图片，点击任意位置就能得到这个像素的 HEX、RGB、HSL 颜色值，图片只在浏览器本地处理。
取色步骤
- 上传图片：打开 图片取色器，点击选择或拖入图片，例如 Logo、截图、照片。
- 点击取色：在图片上点击想要的位置，下方会显示这个点的颜色预览和 HEX、RGB、HSL 数值。
- 多取几个点：同一块颜色在照片上可能有细微差别，可以多点几处，选最有代表性的值。
- 转换格式：需要其他格式时，把 HEX 值填进 颜色转换器，就能看到对应的 RGB 和 HSL。
🎯 图片取色器
免费在线使用，文件和数据只在你的浏览器本地处理，无需注册。
常见颜色格式
| 格式 | 示例 | 用在哪里 |
|---|---|---|
| --- | --- | --- |
| HEX | #3B5BFD | 网页 CSS、设计软件、PPT 自定义颜色 |
| RGB | rgb(59, 91, 253) | 网页、Office 的“自定义颜色”、屏幕显示 |
| HSL | hsl(230, 98%, 61%) | 网页 CSS，方便调整明暗和饱和度 |
HEX 和 RGB 表示的是同一个颜色：HEX 的每两位分别是红、绿、蓝的十六进制值，例如 3B = 59、5B = 91、FD = 253。印刷用的 CMYK 和屏幕颜色有差异，正式印刷时请以印刷厂的色卡为准。
用取到的颜色做配色
- 品牌色统一：从 Logo 取出主色，用在 PPT、名片和海报上，例如 名片制作教程 里的“主色”。
- 生成配色方案：把主色填进 配色方案生成器，得到互补色、邻近色等搭配。
- 文章排版：公众号标题和重点文字用同一种品牌色，参考 公众号排版教程。
常见问题与避坑
- 取到的颜色和看到的不一样：照片受光线、压缩和阴影影响，同一块颜色每个像素都可能不同，放大后多点几处。
- 截图颜色有偏差：部分电脑开启了夜间模式、色彩管理或 HDR，截图颜色会被改变，取色前先关闭这些功能。
常见问题
怎么获取图片上某个颜色的色号？
把图片上传到图片取色器，点击想要的位置，就会显示该点的 HEX、RGB 和 HSL 颜色值。
HEX 和 RGB 有什么区别？
两者表示同一种颜色，只是写法不同：HEX 用十六进制写成 #RRGGBB，RGB 用 0–255 的十进制数表示红绿蓝三个通道。
取色的图片会上传吗？
不会。图片在浏览器里本地读取，取色也在本机完成。
可以在 PPT 里用取到的颜色吗？
可以。在 PPT 的“其他颜色 → 自定义”里输入 RGB 数值，新版 Office 也可以直接输入 HEX 值。