颜色工具箱 · Color Tools

面向开发者与设计师的日常配色与无障碍检查工具 — 对比度检查、调色板生成、格式互转、色盲模拟

纯离线运行 · 零网络请求 · 双击即用

选择前景色与背景色 支持取色器 / 十六进制直接输入

对比度比值 (1 ~ 21)

大号文字示例 Aa 中文标题

正常文字示例:这是一段用于检验可读性的示例文字 The quick brown fox jumps.

小字示例:辅助说明文字 Secondary text sample 123

标准正常文本(<18pt)大文本(≥18pt 或 14pt 加粗)
WCAG AA≥ 4.5 : 1≥ 3.0 : 1
WCAG AAA≥ 7.0 : 1≥ 4.5 : 1

输入主色,生成配色方案

HEX ↔ RGB ↔ HSL 实时互转 改任意一组,其余自动同步

色盲模拟 基于调色板生成结果,用矩阵变换模拟色觉障碍下的观感

切到「调色板生成」标签生成一组颜色后,这里会自动展示各类色觉障碍下的模拟效果;也可直接使用当前主色。