构建调色板

使用 Radix Colors 构建调色板指南。

选择品牌色阶

Radix 提供了许多可用于您的品牌或强调色的色阶。

专为白色前景文本设计的色阶

自定义品牌颜色

Radix Colors 不建议进行自定义。它们旨在易于访问、平衡且和谐。任何自定义都可能破坏这些特性。

如果您需要自定义品牌颜色，我们建议您在 Radix 色阶旁边添加自定义色阶。

例如，您可以使用 Radix Colors 用于灰色色阶和语义色阶，然后添加自定义品牌/强调色。

选择灰色色阶

Radix Colors 提供纯灰色和一些带色调的灰色色阶。

• gray 为纯灰色
• mauve 基于紫色色调
• slate 基于蓝色色调
• sage 基于绿色色调
• olive 基于酸橙色色调
• sand 基于黄色色调

中性搭配

如果您想要中性的氛围，或者您希望保持简洁，gray 可以很好地与任何色调或调色板搭配使用。

自然搭配

或者，选择与您的强调色最接近的色调饱和的灰色色阶。差异很细微，但这将营造出更丰富多彩和谐的氛围。

选择语义色阶

对于大多数项目，您将需要颜色来传达语义含义。以下是一些在西方文化中效果良好的常见搭配。

• 错误：red、ruby、tomato、crimson
• 成功：green、teal、jade、grass、mint
• 警告：yellow、amber、orange
• 信息：blue、indigo、sky、cyan

在许多情况下，您最终可能出于某种原因需要大多数色阶。您的应用程序可能支持多人模式，您可以在其中为每个用户分配一种颜色。您的应用程序可能具有标签功能，用户可以在其中为任务分配一种颜色。您的应用程序可以使用徽章来传达“待处理”或“拒绝”状态。

Radix Colors 经过精心平衡，旨在和谐地工作。因此，对于产品沟通，大多数颜色搭配都可以使用。

选择文本色阶

步骤 11 和 12 分别专为低对比度文本和高对比度文本设计。根据您想要的氛围，您可以使用您的强调色色阶或灰色色阶。

使用您的强调色色阶将产生更丰富的色彩氛围。

使用您的灰色色阶将产生更实用的氛围。

差异可能看起来很细微，但对于整页文本来说，它可以产生巨大的影响。

您可能希望尝试在您的营销网站中使用强调色色阶作为文本，并在您的应用程序中使用灰色色阶作为文本。