線上取色盤與色彩空間轉換器
在 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 無障礙可讀性審計。