调色板的构成

使用 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 分别为低对比度文本和高对比度文本而设计。根据您想要的氛围，您可以使用您的强调色阶或灰色色阶。

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

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

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

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