检查色彩对比度
选两种颜色，就能看到对比度数值、是否通过 AA 和 AAA，以及这个配色实际看起来是什么样子 —— 包括用日文文字来看的效果，因为日文字形更密，在低对比度下更难辨认。
- 完全在你的浏览器里运行
- 断网也能用
- 不上传
- 不用注册
- 没有水印
正在加载工具……
工作原理
- 选择前景色和背景色，或者直接粘贴十六进制色值。
- 查看对比度数值，以及四项是否通过的结果。
- 不断调整，直到正文达到 4.5:1。
为什么什么都不用上传
这个页面上的每一步操作，都由运行在你浏览器标签页里的代码完成，用的就是渲染网页的那套引擎。文件从磁盘读进标签页的内存，在那里被处理，再作为下载写回去。它不会被送到任何地方 —— 不会送给我们，也不会送给第三方。
自己动手验证
- 打开浏览器的开发者工具（F12），选择“网络”（Network）面板。
- 载入你的文件，运行这个工具。
- 你能看到的请求只有这些：工具自己的代码 —— 少数几个重型工具还会从公共 CDN 取它们的开源引擎 —— 外加一条发往 loreatec.jp 的小小访问记录（页面地址和标题，仅此而已）。没有一条带着你的文件。
常见问题
我该用哪个门槛？
普通正文用 4.5:1；24px 以上的文字（加粗则 19px 以上）以及输入框边框、图标这类界面元素用 3:1；AAA 级别用 7:1。如果只记一个数字，记住 4.5 就够了。
设计通过了检测，看起来却还是很吃力。
对比度数值不衡量字重、字号或字间距，细而浅的字体就算达到 4.5:1，读起来也确实吃力。预览面板的作用就是让你不只看数字，也用眼睛判断 —— 对日文尤其重要：小字号下密集的汉字，需要比公式算出来的更高对比度。