颜色对比度检测

按 WCAG 标准检测前景色与背景色的对比度，确认文字是否清晰易读。

前景色（文字）

背景色

预设组合

6.70 : 1

普通文本 AA（≥ 4.5）✓ 通过

普通文本 AAA（≥ 7）✗ 不通过

大文本 AA（≥ 3）✓ 通过

大文本 AAA（≥ 4.5）✓ 通过

普通文本示例：The quick brown fox jumps over the lazy dog. 敏捷的棕色狐狸跳过懒狗。

大号文本示例：清晰易读很重要

大文本指 18pt（约 24px）以上，或 14pt（约 18.7px）粗体；对比度 1:1 至 21:1。

相关工具

选取或粘贴颜色，HEX、RGB、HSL 格式互转，自动生成同色系色板。

调两个颜色和角度实时预览 CSS 渐变代码，一键复制。

拖动滑块调出盒阴影效果，实时预览并生成 CSS 代码。

四角圆角独立调整实时预览，生成 CSS border-radius 代码。

预览系统字体效果，字号字重可调，选字体不再靠猜。

输入主色自动生成互补色、类似色、三角色等配色方案，一键复制色值。