Radix 首页
由 WorkOS 出品
Radix 首页
由 WorkOS 出品
主题主题基元基元图标图标色彩色彩
文档自定义调色板博客

色阶

所有 Radix 色彩色阶的概述。

灰色

1
2
3
4
5
6
7
8
9
10
11
12
灰色
灰色 Alpha
深灰色
深灰色 Alpha

灰紫

1
2
3
4
5
6
7
8
9
10
11
12
灰紫
灰紫 Alpha
深灰紫
深灰紫 Alpha

板岩灰

1
2
3
4
5
6
7
8
9
10
11
12
板岩灰
板岩灰 Alpha
深板岩灰
深板岩灰 Alpha

鼠尾草绿

1
2
3
4
5
6
7
8
9
10
11
12
鼠尾草绿
鼠尾草绿 Alpha
深鼠尾草绿
深鼠尾草绿 Alpha

橄榄绿

1
2
3
4
5
6
7
8
9
10
11
12
橄榄绿
橄榄绿 Alpha
深橄榄绿
深橄榄绿 Alpha

沙色

1
2
3
4
5
6
7
8
9
10
11
12
沙色
沙色 Alpha
深沙色
深沙色 Alpha

金色

1
2
3
4
5
6
7
8
9
10
11
12
金色
金色 Alpha
深金色
深金色 Alpha

青铜色

1
2
3
4
5
6
7
8
9
10
11
12
青铜色
青铜色 Alpha
深青铜色
深青铜色 Alpha

棕色

1
2
3
4
5
6
7
8
9
10
11
12
棕色
棕色 Alpha
深棕色
深棕色 Alpha

黄色

1
2
3
4
5
6
7
8
9
10
11
12
黄色
黄色 Alpha
深黄色
深黄色 Alpha

琥珀色

1
2
3
4
5
6
7
8
9
10
11
12
琥珀色
琥珀色 Alpha
深琥珀色
深琥珀色 Alpha

橙色

1
2
3
4
5
6
7
8
9
10
11
12
橙色
橙色 Alpha
深橙色
深橙色 Alpha

番茄红

1
2
3
4
5
6
7
8
9
10
11
12
番茄红
番茄红 Alpha
深番茄红
深番茄红 Alpha

红色

1
2
3
4
5
6
7
8
9
10
11
12
红色
红色 Alpha
深红色
深红色 Alpha

宝石红

1
2
3
4
5
6
7
8
9
10
11
12
宝石红
宝石红 Alpha
深宝石红
深宝石红 Alpha

深红

1
2
3
4
5
6
7
8
9
10
11
12
深红
深红 Alpha
深深红
深深红 Alpha

粉色

1
2
3
4
5
6
7
8
9
10
11
12
粉色
粉色 Alpha
深粉色
深粉色 Alpha

李子紫

1
2
3
4
5
6
7
8
9
10
11
12
李子紫
李子紫 Alpha
深李子紫
深李子紫 Alpha

紫色

1
2
3
4
5
6
7
8
9
10
11
12
紫色
紫色 Alpha
深紫色
深紫色 Alpha

紫罗兰

1
2
3
4
5
6
7
8
9
10
11
12
紫罗兰
紫罗兰 Alpha
深紫罗兰
深紫罗兰 Alpha

鸢尾蓝

1
2
3
4
5
6
7
8
9
10
11
12
鸢尾蓝
鸢尾蓝 Alpha
深鸢尾蓝
深鸢尾蓝 Alpha

靛 ब्लू

1
2
3
4
5
6
7
8
9
10
11
12
靛 ब्लू
靛 ब्लू Alpha
深靛 ब्लू
深靛 ब्लू Alpha

蓝色

1
2
3
4
5
6
7
8
9
10
11
12
蓝色
蓝色 Alpha
深蓝色
深蓝色 Alpha

青色

1
2
3
4
5
6
7
8
9
10
11
12
青色
青色 Alpha
深青色
深青色 Alpha

蓝绿色

1
2
3
4
5
6
7
8
9
10
11
12
蓝绿色
蓝绿色 Alpha
深蓝绿色
深蓝绿色 Alpha

玉色

1
2
3
4
5
6
7
8
9
10
11
12
玉色
玉色 Alpha
深玉色
深玉色 Alpha

绿色

1
2
3
4
5
6
7
8
9
10
11
12
绿色
绿色 Alpha
深绿色
深绿色 Alpha

草绿色

1
2
3
4
5
6
7
8
9
10
11
12
草绿色
草绿色 Alpha
深草绿色
深草绿色 Alpha

石灰色

1
2
3
4
5
6
7
8
9
10
11
12
石灰色
石灰色 Alpha
深石灰色
深石灰色 Alpha

薄荷绿

1
2
3
4
5
6
7
8
9
10
11
12
薄荷绿
薄荷绿 Alpha
深薄荷绿
深薄荷绿 Alpha

天蓝色

1
2
3
4
5
6
7
8
9
10
11
12
天蓝色
天蓝色 Alpha
深天蓝色
深天蓝色 Alpha

叠加层

这些色阶专为叠加层设计，并且在浅色和深色主题之间不会改变。


1
2
3
4
5
6
7
8
9
10
11
12
黑色 Alpha
白色 Alpha


上一个发布
下一个构成调色板
在 GitHub 上编辑此页。