适合哪些情况
适合确认背景色、品牌色、按钮色、证件照底色或商品主色。图片只在浏览器本地读取,不会上传。
怎么取色
- 选择 JPG、PNG 或 WEBP 图片,页面会先读取中心点颜色。
- 在目标实色区域点按或拖动;聚焦图片后可用方向键微调,按住 Shift 可加快移动。
- 同一区域取 2 到 3 个点,避开阴影、高光、透明边缘和压缩杂色。
- 网页和设计记录优先复制 HEX;透明图片同时核对 RGBA 和透明度,需要完整交接时复制全部色值。
结果怎么用
- HEX 适合网页、设计稿和品牌色记录。
- RGB 适合 CSS、截图标注和沟通对色。
- RGBA 和透明度用于确认透明或半透明像素,避免把透明边缘误认为实色。
- HSL、HSV 适合继续调整色相、饱和度和明暗。
- CMYK 是屏幕颜色换算参考,正式印刷仍需按印厂规范确认。
- 坐标按原图像素显示;大图为保护浏览器性能会缩小取样画布。
容易取错的位置
- 阴影和反光会让颜色偏暗或偏亮,应换到受光均匀的区域。
- 渐变色没有唯一色值,记录时要同时说明取样位置。
- 透明边缘可能混入背景色,不适合作为标准色。
- 压缩图片的色块边缘可能出现杂色,尽量使用清晰原图。