Полная цветовая палитра для Bootstrap 4

Как изменить дефолтные цвета текста, фона и кнопок в Bootstrap 4? Все элементарно и быстро - на этой странице предоставлена коллекция дополнительных оттенков цветов, которую вы сможете подключить на свой сайт.

Просто скопируйте CSS-код из формы внизу этой страницы или там же нажмите на ссылку скачивания файла palettecolors.css с набором этих цветов, а затем установите на сайт!

<link href="/css/palettecolors.css" rel="stylesheet">

Как же запомнить все 258 текстовых кодов и правильно прописвать их значения при верске сайта на Bootstrap?
Это не обязательно - под каждым цветом есть три кнопки:

  • - жми на неё и код фона скопируется в буфер обмена
  • - это для копирования кода кнопки
  • - и последняя, для цвета текста

Над кнопками есть еще строчки с текстом: HEX код цвета и RGB код цвета, нажимая на которые, вы также скопируете их значения в буфер. Эти значения также можно использовать в разных случаях...

258 оттенков цвета для Bootstrap:

1
#ffebee
rgb(255,235,238)
2
#ffcdd2
rgb(255,205,210)
3
#ef9a9a
rgb(239,154,154)
4
#e57373
rgb(229,115,115)
5
#ef5350
rgb(239,83,80)
6
#f44336
rgb(244,67,54)
7
#e53935
rgb(229,57,53)
8
#d32f2f
rgb(211,47,47)
9
#c62828
rgb(198,40,40)
10
#b71c1c
rgb(183,28,28)
11
#ff8a80
rgb(255,138,128)
12
#ff5252
rgb(255,82,82)
13
#ff1744
rgb(255,23,68)
14
#d50000
rgb(213,0,0)
15
#fce4ec
rgb(252,228,236)
16
#f8bbd0
rgb(248,187,208)
17
#f48fb1
rgb(244,143,177)
18
#f06292
rgb(240,98,146)
19
#ec407a
rgb(236,64,122)
20
#e91e63
rgb(233,30,99)
21
#d81b60
rgb(216,27,96)
22
#c2185b
rgb(194,24,91)
23
#ad1457
rgb(173,20,87)
24
#880e4f
rgb(136,14,79)
25
#ff80ab
rgb(255,128,171)
26
#ff4081
rgb(255,64,129)
27
#f50057
rgb(245,0,87)
28
#c51162
rgb(197,17,98)
29
#f3e5f5
rgb(243,229,245)
30
#e1bee7
rgb(225,190,231)
31
#ce93d8
rgb(206,147,216)
32
#ba68c8
rgb(186,104,200)
33
#ab47bc
rgb(171,71,188)
34
#9c27b0
rgb(156,39,176)
35
#8e24aa
rgb(142,36,170)
36
#7b1fa2
rgb(123,31,162)
37
#6a1b9a
rgb(106,27,154)
38
#4a148c
rgb(74,20,140)
39
#d500f9
rgb(213,0,249)
40
#aa00ff
rgb(170,0,255)
41
#ede7f6
rgb(237,231,246)
42
#d1c4e9
rgb(209,196,233)
43
#b39ddb
rgb(179,157,219)
44
#9575cd
rgb(149,117,205)
45
#7e57c2
rgb(126,87,194)
46
#673ab7
rgb(103,58,183)
47
#5e35b1
rgb(94,53,177)
48
#512da8
rgb(81,45,168)
49
#4527a0
rgb(69,39,160)
50
#311b92
rgb(49,27,146)
51
#b388ff
rgb(179,136,255)
52
#7c4dff
rgb(124,77,255)
53
#651fff
rgb(101,31,255)
54
#6200ea
rgb(98,0,234)
55
#e8eaf6
rgb(232,234,246)
56
#c5cae9
rgb(197,202,233)
57
#9fa8da
rgb(159,168,218)
58
#7986cb
rgb(121,134,203)
59
#5c6bc0
rgb(92,107,192)
60
#3f51b5
rgb(63,81,181)
61
#3949ab
rgb(57,73,171)
62
#303f9f
rgb(48,63,159)
63
#283593
rgb(40,53,147)
64
#1a237e
rgb(26,35,126)
65
#8c9eff
rgb(140,158,255)
66
#536dfe
rgb(83,109,254)
67
#3d5afe
rgb(61,90,254)
68
#304ffe
rgb(48,79,254)
69
#e3f2fd
rgb(227,242,253)
70
#bbdefb
rgb(187,222,251)
71
#90caf9
rgb(144,202,249)
72
#64b5f6
rgb(100,181,246)
73
#42a5f5
rgb(66,165,245)
74
#2196f3
rgb(33,150,243)
75
#1e88e5
rgb(30,136,229)
76
#1976d2
rgb(25,118,210)
77
#1565c0
rgb(21,101,192)
78
#0d47a1
rgb(13,71,161)
79
#82b1ff
rgb(130,177,255)
80
#448aff
rgb(68,138,255)
81
#2979ff
rgb(41,121,255)
82
#2962ff
rgb(41,98,255)
83
#e1f5fe
rgb(225,245,254)
84
#b3e5fc
rgb(179,229,252)
85
#81d4fa
rgb(129,212,250)
86
#4fc3f7
rgb(79,195,247)
87
#29b6f6
rgb(41,182,246)
88
#03a9f4
rgb(3,169,244)
89
#039be5
rgb(3,155,229)
90
#0288d1
rgb(2,136,209)
91
#0277bd
rgb(2,119,189)
92
#01579b
rgb(1,87,155)
93
#80d8ff
rgb(128,216,255)
94
#40c4ff
rgb(64,196,255)
95
#00b0ff
rgb(0,176,255)
96
#0091ea
rgb(0,145,234)
97
#e0f7fa
rgb(224,247,250)
98
#b2ebf2
rgb(178,235,242)
99
#80deea
rgb(128,222,234)
100
#4dd0e1
rgb(77,208,225)
101
#26c6da
rgb(38,198,218)
102
#00bcd4
rgb(0,188,212)
103
#00acc1
rgb(0,172,193)
104
#0097a7
rgb(0,151,167)
105
#00838f
rgb(0,131,143)
106
#006064
rgb(0,96,100)
107
#84ffff
rgb(132,255,255)
108
#18ffff
rgb(24,255,255)
109
#00e5ff
rgb(0,229,255)
110
#00b8d4
rgb(0,184,212)
111
#e0f2f1
rgb(224,242,241)
112
#b2dfdb
rgb(178,223,219)
113
#80cbc4
rgb(128,203,196)
114
#4db6ac
rgb(77,182,172)
115
#26a69a
rgb(38,166,154)
116
#009688
rgb(0,150,136)
117
#00897b
rgb(0,137,123)
118
#00796b
rgb(0,121,107)
119
#00695c
rgb(0,105,92)
120
#004d40
rgb(0,77,64)
121
#a7ffeb
rgb(167,255,235)
122
#64ffda
rgb(100,255,218)
123
#1de9b6
rgb(29,233,182)
124
#00bfa5
rgb(0,191,165)
125
#e8f5e9
rgb(232,245,233)
126
#c8e6c9
rgb(200,230,201)
127
#a5d6a7
rgb(165,214,167)
128
#81c784
rgb(129,199,132)
129
#66bb6a
rgb(102,187,106)
130
#4caf50
rgb(76,175,80)
131
#43a047
rgb(67,160,71)
132
#388e3c
rgb(56,142,60)
133
#2e7d32
rgb(46,125,50)
134
#1b5e20
rgb(27,94,32)
135
#b9f6ca
rgb(185,246,202)
136
#69f0ae
rgb(105,240,174)
137
#00e676
rgb(0,230,118)
138
#00c853
rgb(0,200,83)
139
#f1f8e9
rgb(241,248,233)
140
#dcedc8
rgb(220,237,200)
141
#c5e1a5
rgb(197,225,165)
142
#aed581
rgb(174,213,129)
143
#9ccc65
rgb(156,204,101)
144
#8bc34a
rgb(139,195,74)
145
#7cb342
rgb(124,179,66)
146
#689f38
rgb(104,159,56)
147
#558b2f
rgb(85,139,47)
148
#33691e
rgb(51,105,30)
149
#ccff90
rgb(204,255,144)
150
#b2ff59
rgb(178,255,89)
151
#76ff03
rgb(118,255,3)
152
#64dd17
rgb(100,221,23)
153
#f9fbe7
rgb(249,251,231)
154
#f0f4c3
rgb(240,244,195)
155
#e6ee9c
rgb(230,238,156)
156
#dce775
rgb(220,231,117)
157
#d4e157
rgb(212,225,87)
158
#cddc39
rgb(205,220,57)
159
#c0ca33
rgb(192,202,51)
160
#afb42b
rgb(175,180,43)
161
#9e9d24
rgb(158,157,36)
162
#827717
rgb(130,119,23)
163
#f4ff81
rgb(244,255,129)
164
#eeff41
rgb(238,255,65)
165
#c6ff00
rgb(198,255,0)
166
#aeea00
rgb(174,234,0)
167
#fffde7
rgb(255,253,231)
168
#fff9c4
rgb(255,249,196)
169
#fff59d
rgb(255,245,157)
170
#fff176
rgb(255,241,118)
171
#ffee58
rgb(255,238,88)
172
#ffeb3b
rgb(255,235,59)
173
#fdd835
rgb(253,216,53)
174
#fbc02d
rgb(251,192,45)
175
#f9a825
rgb(249,168,37)
176
#f57f17
rgb(245,127,23)
177
#ffff8d
rgb(255,255,141)
178
#ffff00
rgb(255,255,0)
179
#ffea00
rgb(255,234,0)
180
#ffd600
rgb(255,214,0)
181
#fff8e1
rgb(255,248,225)
182
#ffecb3
rgb(255,236,179)
183
#ffe082
rgb(255,224,130)
184
#ffd54f
rgb(255,213,79)
185
#ffca28
rgb(255,202,40)
186
#ffc107
rgb(255,193,7)
187
#ffb300
rgb(255,179,0)
188
#ffa000
rgb(255,160,0)
189
#ff8f00
rgb(255,143,0)
190
#ff6f00
rgb(255,111,0)
191
#ffe57f
rgb(255,229,127)
192
#ffd740
rgb(255,215,64)
193
#ffc400
rgb(255,196,0)
194
#ffab00
rgb(255,171,0)
195
#fff3e0
rgb(255,243,224)
196
#ffe0b2
rgb(255,224,178)
197
#ffcc80
rgb(255,204,128)
198
#ffb74d
rgb(255,183,77)
199
#ffa726
rgb(255,167,38)
200
#ff9800
rgb(255,152,0)
201
#fb8c00
rgb(251,140,0)
202
#f57c00
rgb(245,124,0)
203
#ef6c00
rgb(239,108,0)
204
#e65100
rgb(230,81,0)
205
#ffd180
rgb(255,209,128)
206
#ffab40
rgb(255,171,64)
207
#ff9100
rgb(255,145,0)
208
#ff6d00
rgb(255,109,0)
209
#fbe9e7
rgb(251,233,231)
210
#ffccbc
rgb(255,204,188)
211
#ffab91
rgb(255,171,145)
212
#ff8a65
rgb(255,138,101)
213
#ff7043
rgb(255,112,67)
214
#ff5722
rgb(255,87,34)
215
#ff9e80
rgb(255,158,128)
216
#ff6e40
rgb(255,110,64)
217
#ff3d00
rgb(255,61,0)
218
#dd2c00
rgb(221,44,0)
219
#efebe9
rgb(239,235,233)
220
#d7ccc8
rgb(215,204,200)
221
#bcaaa4
rgb(188,170,164)
222
#a1887f
rgb(161,136,127)
223
#8d6e63
rgb(141,110,99)
224
#795548
rgb(121,85,72)
225
#6d4c41
rgb(109,76,65)
226
#5d4037
rgb(93,64,55)
227
#4e342e
rgb(78,52,46)
228
#3e2723
rgb(62,39,35)
229
#fafafa
rgb(250,250,250)
230
#f5f5f5
rgb(245,245,245)
231
#eeeeee
rgb(238,238,238)
232
#e0e0e0
rgb(224,224,224)
233
#bdbdbd
rgb(189,189,189)
234
#9e9e9e
rgb(158,158,158)
235
#757575
rgb(117,117,117)
236
#616161
rgb(97,97,97)
237
#424242
rgb(66,66,66)
238
#212121
rgb(33,33,33)
239
#eceff1
rgb(236,239,241)
240
#cfd8dc
rgb(207,216,220)
241
#b0bec5
rgb(176,190,197)
242
#90a4ae
rgb(144,164,174)
243
#78909c
rgb(120,144,156)
244
#607d8b
rgb(96,125,139)
245
#546e7a
rgb(84,110,122)
246
#455a64
rgb(69,90,100)
247
#37474f
rgb(55,71,79)
248
#263238
rgb(38,50,56)
249
#d0d6e2
rgb(208,214,226)
250
#b1bace
rgb(177,186,206)
251
#929fba
rgb(146,159,186)
252
#7283a7
rgb(114,131,167)
253
#59698d
rgb(89,105,141)
254
#45526e
rgb(69,82,110)
255
#3b465e
rgb(59,70,94)
256
#2e3951
rgb(46,57,81)
257
#1c2a48
rgb(28,42,72)
258
#1c2331
rgb(28,35,49)
Скачать файлом