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 上编辑此页面。