Material Design颜色

包含所有色阶的完整Material Design 2调色板。点击任意颜色即可复制其十六进制值。

Red

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Pink

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Purple

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Deep Purple

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Indigo

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Blue

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Light Blue

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Cyan

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Teal

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Green

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Light Green

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Lime

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Yellow

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Amber

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Orange

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Deep Orange

ShadeHEX
50
100
200
300
400
500
600
700
800
900
A100
A200
A400
A700

Brown

ShadeHEX
50
100
200
300
400
500
600
700
800
900

Grey

ShadeHEX
50
100
200
300
400
500
600
700
800
900

Blue Grey

ShadeHEX
50
100
200
300
400
500
600
700
800
900