在线取色板与色彩空间转换器
在 HEX、RGB、HSL、HSV、OKLCH 与 CMYK 间即时转换，内置实时 WCAG 2.1/2.2 无障碍对比度审计与互补色板生成。
Color Picker & Palette Generator
Scenario PresetsHandcrafted design tokens
#4F46E5
White TextRatio 6.29:1
Black TextRatio 3.34:1
Active Color RepresentationW3C Color 4 Ready
#4F46E5
Channel Adjustments
Hue (H)243°
Saturation (S)75%
Lightness (L)59%
WCAG 2.1 Contrast ComplianceRelative Luminance: 0.117
AA Normal (4.5:1)✓ PASS
AA Large (3.0:1)✓ PASS
AAA Normal (7.0:1)⚠ ADVISORY
AAA Large (4.5:1)✓ PASS
Dynamic Color Harmonies & ScaleClick any swatch to apply
Complementary (+180°)
Analogous (±30°)
Triadic (±120°)
Tonal Shade Scale (L-25 to L+25)
关于
色彩表现体系是现代前端工程、人机交互体验与数字品牌设计的基石。在当今的多端开发中，工程师使用 HEX 与 RGB，设计规范青睐 HSL 与 HSV，现代浏览器已全面演进至感知均匀的 OKLCH（W3C CSS Color Module Level 4），而实体印刷品制作则需要减色法 CMYK。
X114 在线取色器与调色板工作台提供极速纯前端本地计算，实时同步转换 7 种主流颜色模型，动态生成互补色、类似色、三色系及深浅色调阶，并依据 W3C 相对亮度公式对黑白背景进行 WCAG 2.1/2.2 无障碍可读性审计。