主题主题基元基元图标图标颜色颜色

文档自定义调色板博客

一款精美且易于访问的用户界面颜色系统

用于设计美观、易于访问的网站和应用程序的综合颜色系统。

前往文档自定义调色板

背景

交互式组件

边框和分隔线

纯色

易访问文本

1

2

3

4

5

6

7

8

9

10

11

12

灰色淡紫色板岩色鼠尾草色橄榄色沙色番茄色红色宝石红深红色粉色李子色紫色紫罗兰色鸢尾花色靛蓝色蓝色青色青蓝色玉色绿色草绿色青铜色金色棕色橙色琥珀色黄色酸橙色薄荷色天蓝色

阴影、高光和叠加层

1

2

3

4

5

6

7

8

9

10

11

12

黑色白色

轻松实现无障碍访问

文本颜色保证通过针对相应背景颜色的目标对比度。

自动暗黑模式

切换到暗黑主题就像将一个类应用于容器一样简单。暗黑模式 Just Works™。

透明变体

每个色阶都有一个匹配的 alpha 颜色变体，这对于需要融入彩色背景的 UI 组件非常方便。

APCA 文本对比度

对比度目标基于现代 APCA 对比度算法，该算法准确预测人类视觉如何感知文本。

P3 色域支持

考虑了广色域颜色空间中的混合差异，并实现了最亮的黄色和红色。

专为用户界面设计

每个步骤都考虑了特定的用例，例如背景、悬停状态、边框、叠加层或文本。