取色 · 关于我们

先分清三层颜色：像素、屏幕、文件

取色出错，最常见的根源是把三层混为一谈。第一层是像素值——图像文件里记录的数值，它客观、确定、可复现；第二层是屏幕色——显示器把数值翻译成光的过程，受面板、亮度、色彩配置影响；第三层是文件色——带不带色彩配置文件（ICC），决定了同一个数值在别人机器上会长什么样。

核验方法很朴素：把同一张纯色图分别用看图软件和浏览器打开，各取一次色。如果两次结果一致，说明链路里没有额外的色彩转换；如果不一致，差异几乎一定出在色彩管理上，而不是「工具不准」。

截图取色为什么会偏：三个可查的条件

• 缩放：系统缩放或页面缩放会让像素被插值重采样，边缘颜色被「平均」掉。取色时尽量在 100% 缩放下操作。
• 压缩：有损压缩会在色块交界处引入肉眼不易察觉的偏移，纯色大面积中心区域才是可靠取样点。
• 色彩管理：截图工具是否附带配置、看图端是否按配置渲染，两端不一致就会看到两套数值。

验证思路：在纯色块中心与边缘各取一点做对比。中心稳定、边缘跳动，就是重采样或压缩在起作用。

输出格式怎么选：HEX / RGB / HSL 的适用场景

HEX

写 CSS、交付设计标注最常用，紧凑、易复制；注意带不带透明度时的写法差异。

RGB

需要程序计算、做通道调整时更直观，也便于和图像处理接口对接。

HSL

调色阶、做整体明暗或饱和度微调时最好用，因为它的三个维度与人的直觉接近。

同一颜色换成不同写法，数值会变、颜色不该变。如果你发现换算法之后视觉上变了，多半是四舍五入或色彩空间没有对齐。

辨别取色工具好坏：一份五问清单

1. 它读的是屏幕输出值，还是原始像素值？两者语义不同，别混用。
2. 取色时是否显示取样点坐标与放大镜？没有放大镜，边缘取样基本靠运气。
3. 是否说明色彩管理策略？不提这一点的工具，跨设备一致性通常靠赌。
4. 是否公开输出格式与精度（几位小数、是否四舍五入）？
5. 是否需要上传截图？涉及隐私时，本地处理永远比云端稳妥。

这五个问题答得越清楚，工具越值得信。答不清楚的，不是不能用，而是要知道自己在用它做什么。

高效检索技巧：把「取色」问对方向

搜「取色不准」往往得不到答案，因为它缺条件。更有效的问法是带上场景与现象：截图取色 与 屏幕取色 不一致、页面缩放 取色 偏移、HEX 转 RGB 后 视觉变化。把「什么设备、什么缩放、哪一步取的」写进检索词，结果的相关度会明显不同。

另一个习惯：优先读有过程描述的说明，而不是只给结论的帖子。取色是一个链路问题，过程写清楚了，你才能判断它适不适用于你的场景。

诚实边界：我们不下没有依据的结论

本页所有关于原理与方法的表述，都以公开的技术资料与可复现的操作为依据。涉及具体软件的版本特性、具体设备的屏幕参数，我们不在没有确认的情况下写死——不同批次、不同固件都可能不同。

同样地，我们不展示无法核实的数据与评分，也不提供盗版、破解或侵权传播路径。信息尚未确认时保持空缺，不做猜测补齐。这条边界写在这里，也约束着本站的每一篇说明。