Radix Homepage
Radix Homepage
主题主题基础组件基础组件图标图标颜色颜色
文档调色板博客

比例

¥Scales

所有 Radix 颜色比例的概览。

灰色

¥Gray

1
2
3
4
5
6
7
8
9
10
11
12
Gray
Gray Alpha
Gray Dark
Gray Dark Alpha

淡紫色

¥Mauve

1
2
3
4
5
6
7
8
9
10
11
12
Mauve
Mauve Alpha
Mauve Dark
Mauve Dark Alpha

石板

¥Slate

1
2
3
4
5
6
7
8
9
10
11
12
Slate
Slate Alpha
Slate Dark
Slate Dark Alpha

Sage

1
2
3
4
5
6
7
8
9
10
11
12
Sage
Sage Alpha
Sage Dark
Sage Dark Alpha

橄榄绿

¥Olive

1
2
3
4
5
6
7
8
9
10
11
12
Olive
Olive Alpha
Olive Dark
Olive Dark Alpha

Sand

1
2
3
4
5
6
7
8
9
10
11
12
Sand
Sand Alpha
Sand Dark
Sand Dark Alpha

金色

¥Gold

1
2
3
4
5
6
7
8
9
10
11
12
Gold
Gold Alpha
Gold Dark
Gold Dark Alpha

古铜色

¥Bronze

1
2
3
4
5
6
7
8
9
10
11
12
Bronze
Bronze Alpha
Bronze Dark
Bronze Dark Alpha

棕色

¥Brown

1
2
3
4
5
6
7
8
9
10
11
12
Brown
Brown Alpha
Brown Dark
Brown Dark Alpha

黄色

¥Yellow

1
2
3
4
5
6
7
8
9
10
11
12
Yellow
Yellow Alpha
Yellow Dark
Yellow Dark Alpha

琥珀色

¥Amber

1
2
3
4
5
6
7
8
9
10
11
12
Amber
Amber Alpha
Amber Dark
Amber Dark Alpha

橙色

¥Orange

1
2
3
4
5
6
7
8
9
10
11
12
Orange
Orange Alpha
Orange Dark
Orange Dark Alpha

番茄色

¥Tomato

1
2
3
4
5
6
7
8
9
10
11
12
Tomato
Tomato Alpha
Tomato Dark
Tomato Dark Alpha

红色

¥Red

1
2
3
4
5
6
7
8
9
10
11
12
Red
Red Alpha
Red Dark
Red Dark Alpha

Ruby

1
2
3
4
5
6
7
8
9
10
11
12
Ruby
Ruby Alpha
Ruby Dark
Ruby Dark Alpha

深红色

¥Crimson

1
2
3
4
5
6
7
8
9
10
11
12
Crimson
Crimson Alpha
Crimson Dark
Crimson Dark Alpha

粉色

¥Pink

1
2
3
4
5
6
7
8
9
10
11
12
Pink
Pink Alpha
Pink Dark
Pink Dark Alpha

梅花色

¥Plum

1
2
3
4
5
6
7
8
9
10
11
12
Plum
Plum Alpha
Plum Dark
Plum Dark Alpha

紫色

¥Purple

1
2
3
4
5
6
7
8
9
10
11
12
Purple
Purple Alpha
Purple Dark
Purple Dark Alpha

紫色

¥Violet

1
2
3
4
5
6
7
8
9
10
11
12
Violet
Violet Alpha
Violet Dark
Violet Dark Alpha

虹膜

¥Iris

1
2
3
4
5
6
7
8
9
10
11
12
Iris
Iris Alpha
Iris Dark
Iris Dark Alpha

靛蓝

¥Indigo

1
2
3
4
5
6
7
8
9
10
11
12
Indigo
Indigo Alpha
Indigo Dark
Indigo Dark Alpha

蓝色

¥Blue

1
2
3
4
5
6
7
8
9
10
11
12
Blue
Blue Alpha
Blue Dark
Blue Dark Alpha

青色

¥Cyan

1
2
3
4
5
6
7
8
9
10
11
12
Cyan
Cyan Alpha
Cyan Dark
Cyan Dark Alpha

蓝绿色

¥Teal

1
2
3
4
5
6
7
8
9
10
11
12
Teal
Teal Alpha
Teal Dark
Teal Dark Alpha

Jade

1
2
3
4
5
6
7
8
9
10
11
12
Jade
Jade Alpha
Jade Dark
Jade Dark Alpha

绿色

¥Green

1
2
3
4
5
6
7
8
9
10
11
12
Green
Green Alpha
Green Dark
Green Dark Alpha

草地

¥Grass

1
2
3
4
5
6
7
8
9
10
11
12
Grass
Grass Alpha
Grass Dark
Grass Dark Alpha

黄绿色

¥Lime

1
2
3
4
5
6
7
8
9
10
11
12
Lime
Lime Alpha
Lime Dark
Lime Dark Alpha

Mint

1
2
3
4
5
6
7
8
9
10
11
12
Mint
Mint Alpha
Mint Dark
Mint Dark Alpha

天空

¥Sky

1
2
3
4
5
6
7
8
9
10
11
12
Sky
Sky Alpha
Sky Dark
Sky Dark Alpha

叠加层

¥Overlays

这些比例尺专为叠加层设计，在明暗主题下不会变化。

¥These scales are designed for overlays and don’t change across light and dark theme.


1
2
3
4
5
6
7
8
9
10
11
12
Black Alpha
White Alpha


Previous发布版本
Next调色板组合