Иной

Таблицы оттенков цвета

Палитра оттенков цвета материального дизайна
Красный
Red
A100, 41%
#FF8A80
255,138,128
A200, 28%
#FF5252
255,82,82
A400, 22%
#FF1744
255,23,68
A700, 14%
#D50000
213,0,0
50, 87%
#FFEBEE
255,235,238
100, 70%
#FFCDD2
255,205,210
200, 44%
#EF9A9A
239,154,154
300, 30%
#E57373
229,115,115
400, 25%
#EF5350
239,83,80
500, 24%
#F44336
244,67,54
600, 20%
#E53935
229,57,53
700, 16%
#D32F2F
211,47,47
800, 14%
#C62828
198,40,40
900, 11%
#B71C1C
183,28,28
Розовый
Pink
A100, 40%
#FF80AB
255,128,171
A200, 27%
#FF4081
255,64,129
A400, 20%
#F50057
245,0,87
A700, 13%
#C51162
197,17,98
50, 82%
#FCE4EC
252,228,236
100, 60%
#F8BBD0
248,187,208
200, 42%
#F48FB1
244,143,177
300, 29%
#F06292
240,98,146
400, 23%
#EC407A
236,64,122
500, 19%
#E91E63
233,30,99
600, 16%
#D81B60
216,27,96
700, 13%
#C2185B
194,24,91
800, 10%
#AD1457
173,20,87
900, 6%
#880E4F
136,14,79
Пурпурный
Purple
A100, 40%
#EA80FC
234,128,252
A200, 26%
#E040FB
224,64,251
A400, 21%
#D500F9
213,0,249
A700, 16%
#AA00FF
170,0,255
50, 82%
#F3E5F5
243,229,245
100, 59%
#E1BEE7
225,190,231
200, 39%
#CE93D8
206,147,216
300, 25%
#BA68C8
186,104,200
400, 17%
#AB47BC
171,71,188
500, 12%
#9C27B0
156,39,176
600, 10%
#8E24AA
142,36,170
700, 8%
#7B1FA2
123,31,162
800, 6%
#6A1B9A
106,27,154
900, 4%
#4A148C
74,20,140
Глубокий пурпурный
Deep Purple
A100, 34%
#B388FF
179,136,255
A200, 17%
#7C4DFF
124,77,255
A400, 11%
#651FFF
101,31,255
A700, 9%
#6200EA
98,0,234
50, 82%
#EDE7F6
237,231,246
100, 59%
#D1C4E9
209,196,233
200, 39%
#B39DDB
179,157,219
300, 24%
#9575CD
149,117,205
400, 15%
#7E57C2
126,87,194
500, 9%
#673AB7
103,58,183
600, 8%
#5E35B1
94,53,177
700, 6%
#512DA8
81,45,168
800, 5%
#4527A0
69,39,160
900, 4%
#311B92
49,27,146
Индиго
Indigo
A100, 37%
#8C9EFF
140,158,255
A200, 20%
#536DFE
83,109,254
A400, 15%
#3D5AFE
61,90,254
A700, 13%
#304FFE
48,79,254
50, 83%
#E8EAF6
232,234,246
100, 60%
#C5CAE9
197,202,233
200, 40%
#9FA8DA
159,168,218
300, 25%
#7986CB
121,134,203
400, 17%
#5C6BC0
92,107,192
500, 10%
#3F51B5
63,81,181
600, 9%
#3949AB
57,73,171
700, 7%
#303F9F
48,63,159
800, 5%
#283593
40,53,147
900, 3%
#1A237E
26,35,126
Синий
Blue
A100, 43%
#82B1FF
130,177,255
A200, 27%
#448AFF
68,138,255
A400, 21%
#2979FF
41,121,255
A700, 16%
#2962FF
41,98,255
50, 87%
#E3F2FD
227,242,253
100, 70%
#BBDEFB
187,222,251
200, 55%
#90CAF9
144,202,249
300, 42%
#64B5F6
100,181,246
400, 35%
#42A5F5
66,165,245
500, 29%
#2196F3
33,150,243
600, 24%
#1E88E5
30,136,229
700, 18%
#1976D2
25,118,210
800, 13%
#1565C0
21,101,192
900, 7%
#0D47A1
13,71,161
Светло-синий
Light Blue
A100, 61%
#80D8FF
128,216,255
A200, 48%
#40C4FF
64,196,255
A400, 38%
#00B0FF
0,176,255
A700, 26%
#0091EA
0,145,234
50, 88%
#E1F5FE
225,245,254
100, 73%
#B3E5FC
179,229,252
200, 59%
#81D4FA
129,212,250
300, 47%
#4FC3F7
79,195,247
400, 41%
#29B6F6
41,182,246
500, 35%
#03A9F4
3,169,244
600, 29%
#039BE5
3,155,229
700, 22%
#0288D1
2,136,209
800, 17%
#0277BD
2,119,189
900, 9%
#01579B
1,87,155
Светло-голубой
Cyan
A100, 84%
#84FFFF
132,255,255
A200, 79%
#18FFFF
24,255,255
A400, 63%
#00E5FF
0,229,255
A700, 39%
#00B8D4
0,184,212
50, 89%
#E0F7FA
224,247,250
100, 75%
#B2EBF2
178,235,242
200, 63%
#80DEEA
128,222,234
300, 52%
#4DD0E1
77,208,225
400, 46%
#26C6DA
38,198,218
500, 41%
#00BCD4
0,188,212
600, 33%
#00ACC1
0,172,193
700, 25%
#0097A7
0,151,167
800, 18%
#00838F
0,131,143
900, 9%
#006064
0,96,100
Сине-зеленый
Teal
A100, 86%
#A7FFEB
167,255,235
A200, 79%
#64FFDA
100,255,218
A400, 62%
#1DE9B6
29,233,182
A700, 40%
#00BFA5
0,191,165
50, 86%
#E0F2F1
224,242,241
100, 67%
#B2DFDB
178,223,219
200, 51%
#80CBC4
128,203,196
300, 38%
#4DB6AC
77,182,172
400, 30%
#26A69A
38,166,154
500, 24%
#009688
0,150,136
600, 19%
#00897B
0,137,123
700, 15%
#00796B
0,121,107
800, 11%
#00695C
0,105,92
900, 6%
#004D40
0,77,64
Зелёный
Green
A100, 80%
#B9F6CA
185,246,202
A200, 68%
#69F0AE
105,240,174
A400, 58%
#00E676
0,230,118
A700, 42%
#00C853
0,200,83
50, 88%
#E8F5E9
232,245,233
100, 73%
#C8E6C9
200,230,201
200, 59%
#A5D6A7
165,214,167
300, 47%
#81C784
129,199,132
400, 39%
#66BB6A
102,187,106
500, 33%
#4CAF50
76,175,80
600, 27%
#43A047
67,160,71
700, 21%
#388E3C
56,142,60
800, 15%
#2E7D32
46,125,50
900, 8%
#1B5E20
27,94,32
Светло-зёленый
Light Green
A100, 86%
#CCFF90
204,255,144
A200, 82%
#B2FF59
178,255,89
A400, 75%
#76FF03
118,255,3
A700, 54%
#64DD17
100,221,23
50, 92%
#F1F8E9
241,248,233
100, 80%
#DCEDC8
220,237,200
200, 68%
#C5E1A5
197,225,165
300, 58%
#AED581
174,213,129
400, 51%
#9CCC65
156,204,101
500, 45%
#8BC34A
139,195,74
600, 37%
#7CB342
124,179,66
700, 28%
#689F38
104,159,56
800, 21%
#558B2F
85,139,47
900, 11%
#33691E
51,105,30
Лайм
Lime
A100, 92%
#F4FF81
244,255,129
A200, 90%
#EEFF41
238,255,65
A400, 84%
#C6FF00
198,255,0
A700, 68%
#AEEA00
174,234,0
50, 95%
#F9FBE7
249,251,231
100, 87%
#F0F4C3
240,244,195
200, 80%
#E6EE9C
230,238,156
300, 74%
#DCE775
220,231,117
400, 69%
#D4E157
212,225,87
500, 64%
#CDDC39
205,220,57
600, 54%
#C0CA33
192,202,51
700, 42%
#AFB42B
175,180,43
800, 32%
#9E9D24
158,157,36
900, 18%
#827717
130,119,23
Жёлтый
Yellow
A100, 95%
#FFFF8D
255,255,141
A200, 93%
#FFFF00
255,255,0
A400, 80%
#FFEA00
255,234,0
A700, 69%
#FFD600
255,214,0
50, 97%
#FFFDE7
255,253,231
100, 93%
#FFF9C4
255,249,196
200, 89%
#FFF59D
255,245,157
300, 85%
#FFF176
255,241,118
400, 83%
#FFEE58
255,238,88
500, 81%
#FFEB3B
255,235,59
600, 70%
#FDD835
253,216,53
700, 58%
#FBC02D
251,192,45
800, 48%
#F9A825
249,168,37
900, 35%
#F57F17
245,127,23
Янтарный
Amber
A100, 79%
#FFE57F
255,229,127
A200, 70%
#FFD740
255,215,64
A400, 61%
#FFC400
255,196,0
A700, 50%
#FFAB00
255,171,0
50, 94%
#FFF8E1
255,248,225
100, 85%
#FFECB3
255,236,179
200, 76%
#FFE082
255,224,130
300, 69%
#FFD54F
255,213,79
400, 64%
#FFCA28
255,202,40
500, 59%
#FFC107
255,193,7
600, 54%
#FFB300
255,179,0
700, 46%
#FFA000
255,160,0
800, 41%
#FF8F00
255,143,0
900, 33%
#FF6F00
255,111,0
Оранжевый
Orange
A100, 68%
#FFD180
255,209,128
A200, 51%
#FFAB40
255,171,64
A400, 42%
#FF9100
255,145,0
A700, 32%
#FF6D00
255,109,0
50, 91%
#FFF3E0
255,243,224
100, 78%
#FFE0B2
255,224,178
200, 66%
#FFCC80
255,204,128
300, 56%
#FFB74D
255,183,77
400, 49%
#FFA726
255,167,38
500, 44%
#FF9800
255,152,0
600, 39%
#FB8C00
251,140,0
700, 34%
#F57C00
245,124,0
800, 29%
#EF6C00
239,108,0
900, 23%
#E65100
230,81,0
Глубокий оранжевый
Deep Orange
A100, 47%
#FF9E80
255,158,128
A200, 33%
#FF6E40
255,110,64
A400, 25%
#FF3D00
255,61,0
A700, 17%
#DD2C00
221,44,0
50, 85%
#FBE9E7
251,233,231
100, 68%
#FFCCBC
255,204,188
200, 52%
#FFAB91
255,171,145
300, 40%
#FF8A65
255,138,101
400, 33%
#FF7043
255,112,67
500, 28%
#FF5722
255,87,34
600, 25%
#F4511E
244,81,30
700, 22%
#E64A19
230,74,25
800, 19%
#D84315
216,67,21
900, 14%
#BF360C
191,54,12
Коричневый
Brown
- - - -
50, 84%
#EFEBE9
239,235,233
100, 62%
#D7CCC8
215,204,200
200, 42%
#BCAAA4
188,170,164
300, 27%
#A1887F
161,136,127
400, 18%
#8D6E63
141,110,99
500, 11%
#795548
121,85,72
600, 9%
#6D4C41
109,76,65
700, 6%
#5D4037
93,64,55
800, 4%
#4E342E
78,52,46
900, 3%
#3E2723
62,39,35
Серый
Grey | Gray
White, 100%
#FFFFFF
255,255,255
A500, 21%
#7F7F7F
127,127,127
A800, 3%
#303030
48,48,48
Black, 0%
#000000
0,0,0
50, 96%
#FAFAFA
250,250,250
100, 91%
#F5F5F5
245,245,245
200, 85%
#EEEEEE
238,238,238
300, 75%
#E0E0E0
224,224,224
400, 51%
#BDBDBD
189,189,189
500, 34%
#9E9E9E
158,158,158
600, 18%
#757575
117,117,117
700, 12%
#616161
97,97,97
800, 5%
#424242
66,66,66
900, 2%
#212121
33,33,33
Сине-Серый
Blue Grey
- - - -
50, 86%
#ECEFF1
236,239,241
100, 68%
#CFD8DC
207,216,220
200, 50%
#B0BEC5
176,190,197
300, 36%
#90A4AE
144,164,174
400, 26%
#78909C
120,144,156
500, 19%
#607D8B
96,125,139
600, 14%
#546E7A
84,110,122
700, 9%
#455A64
69,90,100
800, 6%
#37474F
55,71,79
900, 3%
#263238
38,50,56
Где: 50, 500, 900 - оттенок; 0%, 50%, 100% - яркость.
Нужен ремонт? Сэкономь на ремонье!