颜色 A
🎨 颜色混合与调色
使用 chroma.js 混合颜色、调整色相饱和度、生成色阶与对比度检测
颜色 B
#9A6D9A
HEX#9A6D9A
RGBrgb(...)
HSLhsl(...)
🔍 对比度检测（WCAG）— 颜色 A 与 颜色 B
Aa 文字示例
小号正文文字示例 Text
Aa 文字示例
小号正文文字示例 Text
0.00:1
📦 功能说明
基于 chroma.js 实现颜色混合、HSL 色相饱和度调整、A→B 色阶生成与 WCAG 对比度检测，支持 HEX/RGB/HSL 多格式输出。
颜色混合
色相调整
色阶生成
对比度检测
多格式输出
离线本地
💡 使用须知
- 选择颜色 A、B 并拖动混合比例滑块，可切换 RGB / LAB / HSL 等混合模式。
- 混合结果下方可继续调整色相 H、饱和度 S、亮度 L，实时更新输出值。
- 色阶条按所选阶数在 A 与 B 之间生成均匀过渡色，点击可复制对应 HEX。
- 对比度检测基于 WCAG 标准，给出 AA / AAA 合规判定，用于无障碍配色参考。
- 所有计算在浏览器本地完成，无需联网。