Irodori彩り

Fluent UI

4 个色系 × 16 个色阶

共 64 种颜色

简介 Fluent UI

Fluent 2 定义了从 10 到 160 的中性与品牌色阶梯,以及状态色。该调色板从细腻(10)到饱和(160)渐变,适合层次丰富、有纵深的界面。

如何使用

使用 colorBrandForeground1 之类的 token,或调用 createLightTheme。将品牌色阶与基于中性色的表面搭配,呈现标志性的 Fluent 观感。

官方文档

Web

色阶

Teams

色阶

Teams V2.1

色阶

Office

色阶

数据来源: Fluent UI · @fluentui/tokens brandColors