配色工具
渐变色生成、配色方案与对比度检测
CSS 代码
background: linear-gradient(135deg, #6366f1, #8b5cf6);
配色工具包含三个设计助手：渐变色生成——2 个以上色标任意调整，线性/径向渐变可选，实时预览并复制 CSS 代码，支持随机渐变；配色方案——输入基色按 HSL 色相旋转生成互补色、类似色、三角色、四方色与单色系，色块展示 HEX 与 RGB，点击即复制；对比度检测——按 WCAG 2.1 相对亮度公式计算前景与背景对比度，给出正文/大字号 AA 与 AAA 的通过判定，避免浅灰配白色的低级可访问性问题。
设计规范
- 正文对比度至少达到 AA（4.5:1）；
- 界面强调色可从配色方案直接取；
- 渐变用作背景时确保上面文字仍满足对比度。