HCT 配色工具

HCT（Hue-Chroma-Tone）是 Google Material You 推出的感知均匀色彩模型，兼顾人眼感知与屏幕显示。相比传统 HSL，HCT 亮度更线性；相比 LAB，HCT 计算更快、体积更小，是生成无障碍配色方案的首选。使用本工具可一键获取符合 WCAG 对比度标准的色阶，助力 UI 设计系统与前端主题变量一键落地。

本平台已内置 Material 3 官方 Tone 映射算法，T40-T60 区间自动对应 WCAG 2.1 AA 级别对比度（≥4.5:1）。建议将 T90-T95 作为背景、T10-T20 作为文字，即可在浅色与深色模式下均通过无障碍检测。复制颜色后即可在 Figma、Sketch、CSS var 中直接使用，减少反复校验时间。

不会。工具自动识别 3 位或 6 位十六进制字符，缺失“#”时将智能补全，兼容 #5A92D6、5A92D6、5a92d6 等多种写法；若格式非法，将即时提示并保留上一次有效值，保障生成流程不中断。

HCT 以人眼感知亮度为核心，保证同一 Tone 值在不同色相下视觉明度一致，设计师无需反复“肉眼校亮”。
①浅色/深色模式切换时，文字与背景对比度始终稳定，减少适配工作量；
②品牌主色、功能色、语义色在同一 Tone 区间即可自然区分，界面层级更清晰；
③色阶自动生成，避免手工取色导致的“跳阶”或“脏灰”，提升整体质感与专业度，让用户在长时间使用中保持视觉舒适。