创建自定义调色板

是什么

Converly 的自定义调色板构建器是一款基于浏览器的工具，用于定义项目的核心设计令牌，并将其记录在 Design.md 文件中。它面向设计师和前端开发者，他们需要一致、可共享的颜色、字体排印、边框、间距和按钮记录，而不是临时性的样式决策。该页面将其呈现为多步骤流程：先设置颜色和边框圆角，下一步是标题字体排印。

功能

• 主色、辅助色和背景色输入 — 建立种子颜色，其余调色板由此派生。
• 边框圆角控制 — 一个带预设停靠点的滑块（0、4、8、12、16 px，显示为 8 px），将圆角设置为可复用令牌。
• 生成 Design.md 文档 — 该工具输出一个 Markdown 文件，涵盖颜色、字体排印、边框、间距和按钮，并包含 12 级色阶和 CSS 变量。
• 支持浅色和深色模式 — 两种模式都包含在生成文件中，而不是作为单独的手动步骤处理。
• 可共享的导出链接 — 任何打开共享链接的人都能导出相同的 Design.md，使接收者获得完全一致的令牌集。
• 分类字体目录 — 字体按无衬线、衬线、展示、等宽和手写体分组，每个条目显示来源标签（大多为 Google），并有专门用于标题字体排印的步骤。

实用提示

• 由于流程是顺序性的，请在进入字体排印之前确定调色板和圆角；之后更改种子颜色可能需要重新生成文件，并重新检查下游令牌引用。
• 将生成的 Design.md 视为令牌的唯一事实来源，并将其提交到版本控制中，以便调色板变更可审查，而不是悄无声息地发生。
• 在第一遍就同时定义浅色和深色模式；在实现后再补上深色模式，通常会导致对比度决策不一致。
• 在将每种字体投入生产技术栈之前，对照其列出的来源核实实际可用性和许可；因为目录会为条目标注来源，但不会记录使用条款。