Brand Color System Generator — Design Tokens & Typography

设计系统是一套全面的标准、文档和原则，以及用于构建一致应用的工具包（UI 模式和代码组件）。

我们分析您核心 HEX 颜色的色温、能量和重量，然后应用算法和谐策略（如分裂互补或类似色），自动推导出可访问的强调色和背景色。

它们是代表品牌颜色的语义变量。您可以将导出的 JSON 直接注入 Tailwind CSS 配置、Figma 变量或标准 CSS 样式表中。

纯黑色（#000000）在现实世界中很少存在，且在屏幕上容易导致眼睛疲劳。我们生成一种带色调的“表面”色，既能保持高 WCAG 对比度，又显得自然且整体协调。