跳转到主内容

图片调色板与文字对比度检查

从商品图、海报或参考图中提取主色,直接拿到 HEX、RGB、占比和文字可读性结果。登录前可以选图和调颜色数量;登录后才在浏览器本地提取、复制或导出。

完全免费登录后不限次数本机处理

选文件和设置参数无需登录;开始处理、复制或导出结果时需要登录,成功后自动继续 —— 图片不会传到我们的服务器,全程在你自己的浏览器里跑,用多少次都行,不花任何算力

(站里的 AI 功能是另一回事:PS 插件里的 AI 注册送 50 张; 网页上的 Image-2 生图香蕉改图 按张计费、要买对应的积分包。 跟本页无关。)

选择图片后可先预览;登录后才提取主色并计算文字对比度。

透明度低于 16 的像素忽略,其余像素按 Alpha 加权。颜色与图片不会上传。

调色板与对比度

提取后显示 HEX、RGB、占比,以及黑白和自定义文字的 WCAG 对比度。

主色不是单点取色

单点取色回答“这个像素是什么颜色”,调色板回答“整张图主要由哪些颜色组成”。只想点选一个准确像素时,用图片取色器更直接;需要给封面加标题时,可把通过对比度检查的颜色带到图片加文字

对比度通过不等于设计一定好看

WCAG 比值解决的是文字与背景能不能看清,不评价品牌风格、色彩情绪或排版层级。渐变背景、照片细节和文字阴影会让局部对比度变化,最终仍应在真实版式上检查最差位置。

常见问题

调色板里的占比怎么计算?

透明度低于 16 的像素会忽略,其余像素按 Alpha 权重统计,再合并非常接近的颜色。结果按代表面积从高到低排序。

为什么同一张图片提取出的颜色比肉眼看到的少?

调色板的目的不是列出每个像素,而是把相近颜色归为可复用的代表色。提高颜色数量可以保留更多层次,但渐变照片仍会被概括。

4.5:1 和 3:1 分别代表什么?

按 WCAG AA 口径,普通正文通常要求至少 4.5:1,大号或粗体文字通常要求至少 3:1。本工具只计算 sRGB 对比度,不声称覆盖 CMYK、ICC 或专业印刷校色。

图片和提取出的颜色会上传吗?

不会。游客可以先选图和调参数,登录后才在当前浏览器提取颜色;图片、文件名、颜色值和复制内容都不会发送到服务器或分析事件。

你可能还需要

图片取色器不上传
在图上点一下就取到 HEX / RGB,还会自动提取整张图的主色调。提交取色时需要登录。
二维码与条形码生成、解码不上传
生成或识别 QR、Code128、EAN-13、EAN-8、UPC-A、ITF-14,先核对长度和校验位再导出。
图片 Base64 互转不上传
文件、截图、CORS 允许的图片链接转 Base64 / Data URL,也能还原图片并检查 MIME 和体积。
查看全部图片工具