颜色格式转换器使用指南
支持的格式
- HEX：
#RRGGBB，前端最常用。 - RGB：
rgb(r, g, b)，取值范围 0-255。 - HSL：
hsl(h, s%, l%)，色相/饱和度/亮度，便于调色。 - HSV：
hsv(h, s%, v%)，设计软件常用。 - CMYK：
cmyk(c%, m%, y%, k%)，印刷四分色。此处使用不含 ICC 色彩管理的简易换算，仅供参考。 - LAB：
lab(L, a, b)，CIE 1976 L*a*b*，D65 白点。感知均匀，适合做色差计算。 - OKLCH：
oklch(L C H)，现代感知均匀色彩空间，CSS Color 4 已支持，调明度时色相更稳定。
使用说明
点击左侧色块或用取色器选择颜色，或直接输入 HEX 值（支持简写 #abc），右侧自动换算全部格式并可一键复制。
两色混合
在 sRGB 空间对两个颜色做线性插值，滑块控制颜色 B 的占比（50% 即取中间色）， 同时给出 0% / 25% / 50% / 75% / 100% 五档色卡，点击任意色卡可将其设为上方主色。
反色 / 补色
反相按 255 - 通道值 取反；色相补色在 HSL 中把色相旋转 180°， 保持明度与饱和度；另外给出三分色（±120°）和分裂补色（±150°），可直接复制为一组 CSS 变量。
WCAG 对比度检测
按 WCAG 2.1 计算相对亮度并得出对比度比值 (L1 + 0.05) / (L2 + 0.05)，比值范围 1:1 ~ 21:1。判定标准：
- 普通文本（小于 18pt 或小于 14pt 加粗）：AA 需 ≥ 4.5，AAA 需 ≥ 7。
- 大字文本（≥ 18pt 或 ≥ 14pt 加粗）：AA 需 ≥ 3，AAA 需 ≥ 4.5。
- 图形与界面组件（图标、输入框边框等）：至少需 ≥ 3。
典型场景
前端配色、设计稿还原、CSS 变量生成、无障碍（a11y）可读性走查、印刷稿色值参考。
