图片取色调色与转换屏幕吸管当前浏览器不支持屏幕吸管，可选择图片或粘贴截图取色。
选择／替换图片粘贴图片试用示例图片清除图片
拖入图片，或粘贴截图支持 PNG、JPEG、WebP。文件在本机处理；也可试用内置示例。
取色平移适应窗口缩放1×取样范围单像素3×3 平均5×5 平均
取色模式支持点击、拖动或方向键；平移模式可拖动图片。缩放以图片区中心为基准，放大镜显示解码像素而非缩小预览。
像素结果使用浏览器解码后的 sRGB。颜色配置、浏览器解码及透明像素可能影响数值；本工具不提供 ICC 印刷校样或专色匹配。
调色与转换色相饱和度（HSV）明度（HSV）当前颜色输入颜色代码应用颜色
HEX（仅 RGB）复制HEX（含透明度）复制RGB／RGBA复制HSL／HSLA复制不透明度 100%棋盘格表示透明背景；不含透明度的 HEX 无法保留透明效果。
保存颜色全屏预览
当前颜色可来自图片、代码、色板或滑块；仅图片取样会更新像素坐标。
图片主色主色数量46812基于有限大小的缩略图估算，忽略全透明像素并合并近似色。这些是代表色，不是精确像素统计。
选择图片后即可提取主色。
配色方案颜色配色互补色邻近色三角配色分裂互补色四角配色单色系第一块保留准确的基准色；色轮配色关系不代表文字对比度一定达标。
收藏色板 最多在本机保存 100 种颜色，兼容已有收藏；不保存图片，导出仅包含色值。
还没有保存的颜色。
复制全部色值导出 CSS导出 JSON导出色卡 PNG清空色板取消
文字应用预览与对比度以当前颜色为前景，叠加到不透明背景后计算。WCAG 2.2 AA：普通文字至少 4.5:1，大号文字至少 3:1；仅评估这一组颜色，不代表整页合规。
背景颜色（不透明）
让颜色清晰地表达。
让颜色清晰地表达。
按钮预览 ·
WCAG 2.2——最低对比度
取到颜色，直接用于作品选择图片、拖入文件或粘贴截图；支持的浏览器还可以使用屏幕吸管选取网页外颜色。放大图片并选中像素。精确解码色值用单像素模式，需要平滑噪点时选择明确标注的区域平均模式。复制 HEX、RGB 或 HSL，收藏色板，导出 CSS、JSON 或 PNG 色卡。阅读图片取色与色值指南取色器常见问题怎样从图片或截图提取颜色？选择 PNG、JPEG 或 WebP 图片，拖入图片区或粘贴截图；点击像素即可读取颜色，小细节可放大后取点，再复制所需格式。图片在本地解码，不上传。
为什么不同工具取出的颜色有差异？缩放插值、JPEG 压缩、颜色配置与透明度合成都可能影响取样。本工具将浏览器解码的源画布与缩放预览分开，自动图片主色则属于近似结果。
HEX 与 RGBA 有什么区别？六位 HEX 仅存储 RGB，八位 HEX 追加透明度字节；RGBA 用 0 到 1 表示不透明度。需要透明效果时，应复制含透明度的格式；完全透明像素本身没有可见颜色。
所有手机和浏览器都支持屏幕取色吗？不是。EyeDropper 取决于浏览器支持，并需要安全环境和用户主动操作。不支持时可选择图片或粘贴截图；剪贴板权限也因浏览器而异。
图片与收藏颜色会上传吗？图片取样、主色提取和色值转换均在本地运行。收藏颜色仅保存在当前浏览器，可逐个删除或清空，不保存图片。普通网站统计另行适用，本工具不向其发送图片或取样色值。
关闭预览