最佳文字颜色怎么选 - 背景上用什么颜色最清晰

🌟 背景定了，字用什么色#

按钮、标签、卡片常有一个背景色，上面的文字用黑还是白？凭感觉容易出错。其实可以用亮度算出来。星点对比度检测提供”最佳文字色”。

🧮 快速判据：看背景亮度#

把背景色算成相对亮度 L（0~1）：

• L 较高（偏亮）→ 用深色字（黑或深灰）；
• L 较低（偏暗）→ 用白色字。

一个常见分界点：L ≈ 0.179。超过用黑字，低于用白字（对应黑白对比度相等处）。

🎯 更稳的方法：比较两种对比度#

分别算”黑字对背景”和”白字对背景”的对比度，取大的那个：

1
对比度 = (L亮 + 0.05) / (L暗 + 0.05)

• 背景偏亮：黑字对比度更大；
• 背景偏暗：白字对比度更大。

工具会直接给出推荐色与比值。

🎨 品牌色背景怎么办#

品牌色（如 #409eff）背景上放白字，对比度约 2.78:1，不达标。处理方式：

💡 实践建议#

• 正文与背景至少 4.5:1；
• 用”最佳文字色”一键取达标色，再微调；
• 悬停/禁用等状态也要检查对比度；
• 深色模式下同样适用（背景深→用浅字）。

🔧 常见问题#

💬 总结#

最佳文字色 = 让”文字与背景对比度最大”的颜色。背景偏亮用深字，偏暗用白字，分界约 L≈0.18。拿不准就用对比度检测的”最佳文字色”。

立即体验：访问 对比度检测