从图片中取色
选择图片像素，复制 HEX、RGB、HSL 或 CSS 颜色变量。
- 免费
- 无需登录
- 本地处理
使用方法
选择设备上的文件、拖入文件，或粘贴图片。
悬停预览颜色，点击保存。使用键盘时，方向键移动（按住 Shift 每次 10 像素），回车保存。
下载结果或复制颜色，无需注册或付费。
适用场景
品牌色
从 Logo 或产品照片中找出准确的 HEX 色值，保证设计风格统一。
从灵感图提取配色
提取照片或作品的主色调，作为配色方案的起点。
设计转代码
把颜色复制为 CSS 变量或 Tailwind 配置片段，直接粘贴进项目。
效果与限制
在图片上选点，查看包含透明度的网页颜色。放大预览有助于选择小细节。最多保存 10 个不同颜色，可复制单个色值或下载 CSS 变量文本。色值来自浏览器解码后的图片，不代表经过校准的印刷颜色测量。
输入和输出均受大小限制，不支持动画图片。文件仅保存在内存，刷新会清空。手机上建议使用较小批次。
常见问题
怎样获取图片中某个颜色的 HEX 值？
上传图片后，鼠标悬停在任意像素上即可在放大镜中预览，点击保存。HEX、RGB、HSL 和 OKLCH 色值会显示在图片旁边，点击即可复制。
主色调是怎么提取的？
工具会对缩小后的图片取样，用中位切分算法把相近的颜色归为一组，并按覆盖面积排序。透明像素不参与计算。
能取图片以外的颜色吗？
在 Chrome、Edge 等支持 EyeDropper API 的浏览器中，点击“从屏幕取色”，就能吸取屏幕上任意位置的颜色。
为什么色值和设计文件里略有不同？
带有 Display P3 等广色域配置文件的图片会被转换为网页通用的 sRGB。色值与浏览器显示一致，但可能和印刷或设计软件中的原始配置不同。
图片会被上传吗？
不会。图片处理在浏览器本地完成，文件不会发送给 Codia。刷新或离开页面后工作区会清空。获准采集的网站统计不包含图片内容和文件名。
支持批量处理吗？
每次处理一张 JPG、PNG 或 WebP，最大 20 MiB、1200 万像素。
画质和元数据会保留吗？
取决于操作和设置。有损压缩会改变像素，JPG 无法保留透明背景。导出面向普通 8 位网页图片，不承诺保留 EXIF、HDR、原始色彩配置或 16 位色深，请检查处理结果。
相关图片工具
在线图片压缩
缩小 JPG、PNG 和 WebP 的文件大小，保持原始格式。
打开工具 →PNGPNG 图片压缩
压缩 PNG 截图和图形素材，保留透明背景。
打开工具 →JPG · PNG · WEBP将图片压缩至 100KB
自动调整画质和尺寸，让照片满足上传大小限制。
打开工具 →WEBP → PNGWebP 转 PNG
将静态 WebP 转为 PNG，保留透明背景。
打开工具 →PNG · WEBP → JPGPNG 转 JPG
将 PNG 转为 JPG，并为透明区域选择背景颜色。
打开工具 →JPG · PNG · WEBP在线调整图片尺寸
按像素或比例调整图片尺寸，保持原始宽高比。
打开工具 →SVG → PNGSVG 转 PNG
将自包含的 SVG 按 1×、2×、4×或自定义宽度导出为 PNG。
打开工具 →