取色器
色板 — 横轴控制饱和度，纵轴控制明度，点击或拖动取色
色相滑块 — 左右拖动切换色相（0–360°）
透明度滑块 — 左右拖动调整 Alpha 值
预览框 — 点击可唤起系统原生取色器
格式互转
HEX#6c63ff / #6c63ffcc（含透明度） RGBrgb(108, 99, 255) / rgba(…, 0.8) HSLhsl(243, 61%, 65%) HSVhsv(243, 61%, 100%) CMYKcmyk(58%, 61%, 0%, 0%)
直接编辑输入框，按 Enter 或失去焦点后立即应用；右侧按钮一键复制
WCAG 对比度（快速检测）
显示当前选中颜色分别作为文字时，在纯白底和纯黑底上的可读性
AAA≥ 7:1
AA≥ 4.5:1
AA大≥ 3:1 大字
Fail不达标
自定义对比度
自由指定前景色和背景色，实时预览文字效果并给出 WCAG 等级
色块 — 点击唤起系统取色器，直接拾取任意颜色
输入框 — 支持直接输入 HEX 值，按 Enter 或失去焦点后应用
用当前色 — 将取色器中正在编辑的颜色一键填入前景色或背景色
配色方案
互补色 · 差180° 相似色 · ±30° 三角色 · 差120° 分裂互补 · ±150° 四方色 · 差90°
点击任意色块可切换到该颜色
历史记录
自动保存使用过的颜色，铺满两行；刷新页面后依然保留，点击可快速切换
含透明度的颜色会完整保留 Alpha 值，点击色块时同步还原透明度