AI 给的配色文字看不清,怎样计算对比度并选出可读的文字色

2026-10-24

纯色文字与纯色背景可按sRGB相对亮度计算对比度,再从候选前景色中选择满足目标的颜色。普通文本AA阈值为4.5:1,比较必须使用未取整比值;4.478显示成4.5也仍然没有达到4.5。

先限定颜色计算范围

附件背景为不透明白色,候选文字为#777777、#767676和#111111,均为六位十六进制。半透明、渐变与图片背景需要先知道实际合成后颜色,不能直接套一个背景值。本例拒绝八位含alpha颜色,避免把透明度字节误当普通通道。对于真实设计,文字边缘抗锯齿与屏幕呈现还要人工检查,公式只是可复算的基础。

通道线性化后再求亮度

sRGB三个通道先除以255,再按分段公式转换到线性亮度,以0.2126、0.7152和0.0722加权。前景背景中亮度较大的加0.05,除以较小的加0.05,得到对比比值。不能直接对RGB整数取平均,也不能把两种颜色的欧氏距离当作文字可读性对比度。脚本把原始比值完整写到contrast.csv,展示时才控制小数位数。

临界两色说明取整风险

#777777对白色约4.478089,不满足普通文本AA;#767676约4.542225,满足该阈值;#111111更高。palette-preview.html显示三种真实文字与判定,可以直接打开比较。程序选择满足条件的第一种候选#767676,这只是输入顺序下的示范策略,不意味着它在品牌、字号或视觉层次上一定最佳。大号文字适用条件不同,使用之前应先明确文本类别。

达标不等于整页都可读

失败命令将背景改成带透明度的颜色,程序提示先合成。真实页面还可能存在悬停、禁用、暗色主题和图上文字,不能用一对颜色的通过结论覆盖全部状态。小字号、过细字重、拥挤行距也会影响阅读,需在目标设备复核。本文用本地公式计算合成配色,没有评测AI设计工具,更不声称本站新增了在线取色器;读者得到的是可下载脚本与可视预览材料。

选出候选色后,应把字号、背景状态与目标等级一并写入设计说明。若后来把白底改成图片或加上透明度,原来的计算就需要重做;不要只记住十六进制颜色,而忘了这个通过判断依赖哪一对实际前景背景。

下载与复现

下载完整样例包,解压到一个新文件夹;也可查看全部文件清单和主脚本。使用Python 3.10或更新版本,在解压目录运行。此脚本只使用标准库,无需安装额外包。

python -B run.py
python -B run.py --negative

先查看主要结果,再修改输入重跑;已有输入会保留,结果写回同目录。边界命令可能故意非零退出,也可能输出明确的不适用状态,按正文说明判断,不把所有非零退出都当成安装故障。

依据与延伸阅读

资料核对日期为2026年10月24日。一手资料1:WCAG普通文本AA要求至少4.5:1,比较不得以舍入后的数值代替实际比值。

继续阅读:WorkBuddy 怎么把数据做成图表?指令写法、图表选型与四处验收;AI 分月画的几张图颜色总换,怎样让同一类别在整份报告里保持同色;OpenAI 生成透明背景图片后,怎样保住 alpha 并交付深浅底预览。

想系统学会用 AI?报名体系课或加入会员,照着学、照着用。

加微信,把这一页存到手机上

扫码加站长企业微信,会自动把这一页的链接发给你,方便在手机上接着看。AI 落地卡住了,也可以直接问。

去留微信

留言讨论

评论发布后会被人工复核,违规内容将被删除。

    还没有人评论,来说说你的看法

    如果发表没有反应,可以前往联系我们告诉我们。

    这个页面有问题?

    提交时会附带当前页面地址和浏览器信息,帮助我们定位问题。不填联系方式即为匿名。