获取图片中的颜色代码
导入图片或粘贴截图，然后点击某个像素：即可得到它的 HEX、RGB、HSL 和 CMYK 色值，随时复制。图片留在你的设备上。
- 免费
- HEX、RGB、HSL、CMYK
- 放大镜精确到像素
- 6 色调色板
100% 隐私保护 — 一切均在您的浏览器中直接处理：您的文件、语音和图像永远不会发送到 Chatzam 的服务器。
如何获取图片中的颜色代码？
-
导入图片
拖入照片、Logo 或设计稿，或直接粘贴截图。
-
点击颜色
放大镜会放大光标下的区域，帮助你准确选中想要的像素。
-
复制色值
一键复制你需要的格式：网页用 HEX，也可以复制 RGB、HSL 或 CMYK。
图片里的每种颜色，都有代码
像素级放大镜
即使是细小的细节、Logo 的线条或边框，也能清楚看到将要取色的像素。
主色调色板
自动提取图片的 6 种主要颜色，方便沿用 Logo 的品牌色或照片的整体色调。
全屏取色
在 Chrome 和 Edge 中，借助浏览器自带的取色器，可以吸取屏幕上任意位置的颜色，甚至在网页之外。
拾色器和历史记录
自由选择颜色，查看各种格式的换算，并在历史记录中找回选过的颜色，记录保存在本浏览器中。
HEX、RGB、HSL：看懂颜色代码
在屏幕上，每种颜色都是红、绿、蓝三种光的混合，每种取值为 0 到 255，共有 256 × 256 × 256 = 16,777,216 种可能的颜色。RGB 代码用十进制表示：rgb(255, 87, 51) 是一种鲜艳的橙色。HEX 代码用十六进制表示同样的三个值，每个值占两个字符：#FF5733，因为 FF = 255、57 = 87、33 = 51。HSL 用另一种方式描述同一种颜色：色相是色环上 0 到 360° 的角度，饱和度和亮度用百分比表示，这里是 hsl(11, 100%, 60%)。只改变亮度，就能用 HSL 轻松得到更浅或更深的同色系颜色。
用于印刷的 CMYK
打印机混合的不是光，而是油墨：青色、品红、黄色和黑色，以百分比表示。按数学公式换算，橙色 #FF5733 约为 C 0%、M 66%、Y 80%、K 0%，纯红色 #FF0000 为 C 0%、M 100%、Y 100%、K 0%。这种换算只是理论值：实际效果取决于纸张、打印机和印刷厂使用的色彩配置文件。有些在屏幕上非常鲜艳的颜色，尤其是饱和的蓝色和绿色，无法用油墨再现，印出来会更暗淡。重要的印刷品，请要求打样，或使用品牌规范中给出的标准 CMYK 数值。
为什么相邻像素的颜色不一样
在照片上，看起来颜色均匀的区域，其实由略有差别的像素组成：光线、阴影、传感器噪点都会造成差异。JPEG 压缩会带来细微的变化，文字和 Logo 的边缘也会把颜色和背景混合，使轮廓更柔和。想获得准确的色值，请使用放大镜，点击颜色饱满区域的中心，远离边缘。要提取 Logo 的颜色，尽量使用 PNG 文件而不是 JPEG。想了解一张照片的整体色调，6 种主色调色板通常比单个像素更有参考价值。
常见问题
怎么获取图片中某个颜色的代码？
导入图片或粘贴截图，然后点击想要的颜色。色值会以 HEX、RGB、HSL 和 CMYK 显示，一键即可复制。
怎么把 HEX 色值转换成 RGB？
把代码分成三组，每组从十六进制转换为十进制。#1E90FF 中 1E = 30、90 = 144、FF = 255，即 rgb(30, 144, 255)。工具会自动显示换算结果，也包括 HSL 和 CMYK。
RGB 和 CMYK 有什么区别？
RGB 描述屏幕上的颜色，由红、绿、蓝三种光混合而成。CMYK 描述印刷的颜色，由青、品红、黄、黑四种油墨得到：网页用 HEX 或 RGB，印刷用 CMYK。
怎么吸取网站或应用中的颜色？
在 Chrome 或 Edge 中，使用全屏取色器直接点击颜色，即使在网页之外也可以。在其他浏览器中，先截图，再粘贴到工具中。
我的图片会上传到服务器吗？
不会。图片在你的浏览器中分析，不会离开你的设备。颜色历史记录也只保存在本浏览器中。