Дополнительные цвета для Bootstrap 4

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

Достаточно скопировать CSS-код из формы в самом низу этой страницы или скачать готовый CSS-файл с набором этих цветов, а затем установить на свой сайт!

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

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

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

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

140 других цветов для Bootstrap:

Красные цвета
1
#cd5c5c
rgb(205,92,92)
indianred
2
#f08080
rgb(240,128,128)
lightcoral
3
#fa8072
rgb(250,128,114)
salmon
4
#e9967a
rgb(233,150,122)
darksalmon
5
#ffa07a
rgb(255,160,122)
lightsalmon
6
#dc143c
rgb(220,20,60)
crimson
7
#ff0000
rgb(255,0,0)
red
8
#b22222
rgb(178,34,34)
firebrick
9
#8b0000
rgb(139,0,0)
darkred
Розовые цвета
10
#ffc0cb
rgb(255,192,203)
pink
11
#ffb6c1
rgb(255,182,193)
lightpink
12
#ff69b4
rgb(255,105,180)
hotpink
13
#ff1493
rgb(255,20,147)
deeppink
14
#c71585
rgb(199,21,133)
mediumvioletred
15
#db7093
rgb(219,112,147)
palevioletred
Оранжевые цвета
16
#ff7f50
rgb(255,127,80)
coral
17
#ff6347
rgb(255,99,71)
tomato
18
#ff4500
rgb(255,69,0)
orangered
19
#ff8c00
rgb(255,140,0)
darkorange
20
#ffa500
rgb(255,165,0)
orange
Жёлтые цвета
21
#ffd700
rgb(255,215,0)
gold
22
#ffff00
rgb(255,255,0)
yellow
23
#ffffe0
rgb(255,255,224)
lightyellow
24
#fffacd
rgb(255,250,205)
lemonchiffon
25
#fafad2
rgb(250,250,210)
lightgoldenrodyellow
26
#ffefd5
rgb(255,239,213)
papayawhip
27
#ffe4b5
rgb(255,228,181)
moccasin
28
#ffdab9
rgb(255,218,185)
peachpuff
29
#eee8aa
rgb(238,232,170)
palegoldenrod
30
#f0e68c
rgb(240,230,140)
khaki
31
#bdb76b
rgb(189,183,107)
darkkhaki
Фиолетовые цвета
32
#e6e6fa
rgb(230,230,250)
lavender
33
#d8bfd8
rgb(216,191,216)
thistle
34
#dda0dd
rgb(221,160,221)
plum
35
#ee82ee
rgb(238,130,238)
violet
36
#da70d6
rgb(218,112,214)
orchid
37
#ff00ff
rgb(255,0,255)
fuchsia
38
#ff00ff
rgb(255,0,255)
magenta
39
#ba55d3
rgb(186,85,211)
mediumorchid
40
#9370db
rgb(147,112,219)
mediumpurple
41
#8a2be2
rgb(138,43,226)
blueviolet
42
#9400d3
rgb(148,0,211)
darkviolet
43
#9932cc
rgb(153,50,204)
darkorchid
44
#8b008b
rgb(139,0,139)
darkmagenta
45
#800080
rgb(128,0,128)
purple
46
#4b0082
rgb(75,0,130)
indigo
47
#6a5acd
rgb(106,90,205)
slateblue
48
#483d8b
rgb(72,61,139)
darkslateblue
Коричневые цвета
49
#fff8dc
rgb(255,248,220)
cornsilk
50
#ffebcd
rgb(255,235,205)
blanchedalmond
51
#ffe4c4
rgb(255,228,196)
bisque
52
#ffdead
rgb(255,222,173)
navajowhite
53
#f5deb3
rgb(245,222,179)
wheat
54
#deb887
rgb(222,184,135)
burlywood
55
#d2b48c
rgb(210,180,140)
tan
56
#bc8f8f
rgb(188,143,143)
rosybrown
57
#f4a460
rgb(244,164,96)
sandybrown
58
#daa520
rgb(218,165,32)
goldenrod
59
#b8860b
rgb(184,134,11)
darkgoldenrod
60
#cd853f
rgb(205,133,63)
peru
61
#d2691e
rgb(210,105,30)
chocolate
62
#8b4513
rgb(139,69,19)
saddlebrown
63
#a0522d
rgb(160,82,45)
sienna
64
#a52a2a
rgb(165,42,42)
brown
65
#800000
rgb(128,0,0)
maroon
Основные цвета
66
#000000
rgb(0,0,0)
black
67
#808080
rgb(128,128,128)
gray
68
#c0c0c0
rgb(192,192,192)
silver
69
#808000
rgb(128,128,0)
olive
70
#00ff00
rgb(0,255,0)
lime
71
#008000
rgb(0,128,0)
green
72
#00ffff
rgb(0,255,255)
aqua
73
#008080
rgb(0,128,128)
teal
74
#0000ff
rgb(0,0,255)
blue
75
#000080
rgb(0,0,128)
navy
Зелёные цвета
76
#adff2f
rgb(173,255,47)
greenyellow
77
#7fff00
rgb(127,255,0)
chartreuse
78
#7cfc00
rgb(124,252,0)
lawngreen
79
#32cd32
rgb(50,205,50)
limegreen
80
#98fb98
rgb(152,251,152)
palegreen
81
#90ee90
rgb(144,238,144)
lightgreen
82
#00fa9a
rgb(0,250,154)
mediumspringgreen
83
#00ff7f
rgb(0,255,127)
springgreen
84
#3cb371
rgb(60,179,113)
mediumseagreen
85
#2e8b57
rgb(46,139,87)
seagreen
86
#228b22
rgb(34,139,34)
forestgreen
87
#006400
rgb(0,100,0)
darkgreen
88
#9acd32
rgb(154,205,50)
yellowgreen
89
#6b8e23
rgb(107,142,35)
olivedrab
90
#556b2f
rgb(85,107,47)
darkolivegreen
91
#8fbc8f
rgb(143,188,143)
darkseagreen
Синие цвета
92
#20b2aa
rgb(32,178,170)
lightseagreen
93
#008b8b
rgb(0,139,139)
darkcyan
94
#00ffff
rgb(0,255,255)
cyan
95
#e0ffff
rgb(224,255,255)
lightcyan
96
#afeeee
rgb(175,238,238)
paleturquoise
97
#7fffd4
rgb(127,255,212)
aquamarine
98
#66cdaa
rgb(102,205,170)
mediumaquamarine
99
#40e0d0
rgb(64,224,208)
turquoise
100
#48d1cc
rgb(72,209,204)
mediumturquoise
101
#00ced1
rgb(0,206,209)
darkturquoise
102
#5f9ea0
rgb(95,158,160)
cadetblue
103
#4682b4
rgb(70,130,180)
steelblue
104
#b0c4de
rgb(176,196,222)
lightsteelblue
105
#b0e0e6
rgb(176,224,230)
powderblue
106
#add8e6
rgb(173,216,230)
lightblue
107
#87ceeb
rgb(135,206,235)
skyblue
108
#87cefa
rgb(135,206,250)
lightskyblue
109
#00bfff
rgb(0,191,255)
deepskyblue
110
#1e90ff
rgb(30,144,255)
dodgerblue
111
#6495ed
rgb(100,149,237)
cornflowerblue
112
#7b68ee
rgb(123,104,238)
mediumslateblue
113
#4169e1
rgb(65,105,225)
royalblue
114
#0000cd
rgb(0,0,205)
mediumblue
115
#00008b
rgb(0,0,139)
darkblue
116
#191970
rgb(25,25,112)
midnightblue
Белые цвета
117
#fffafa
rgb(255,250,250)
snow
118
#f0fff0
rgb(240,255,240)
honeydew
119
#f5fffa
rgb(245,255,250)
mintcream
120
#f0ffff
rgb(240,255,255)
azure
121
#f0f8ff
rgb(240,248,255)
aliceblue
122
#f8f8ff
rgb(248,248,255)
ghostwhite
123
#f5f5f5
rgb(245,245,245)
whitesmoke
124
#fff5ee
rgb(255,245,238)
seashell
125
#f5f5dc
rgb(245,245,220)
beige
126
#fdf5e6
rgb(253,245,230)
oldlace
127
#fffaf0
rgb(255,250,240)
floralwhite
128
#fffff0
rgb(255,255,240)
ivory
129
#faebd7
rgb(250,235,215)
antiquewhite
130
#faf0e6
rgb(250,240,230)
linen
131
#fff0f5
rgb(255,240,245)
lavenderblush
132
#ffe4e1
rgb(255,228,225)
mistyrose
Серые цвета
133
#dcdcdc
rgb(220,220,220)
gainsboro
134
#d3d3d3
rgb(211,211,211)
lightgray
135
#a9a9a9
rgb(169,169,169)
darkgray
136
#808080
rgb(128,128,128)
grey
137
#696969
rgb(105,105,105)
dimgray
138
#778899
rgb(119,136,153)
lightslategrey
139
#708090
rgb(112,128,144)
slategray
140
#2f4f4f
rgb(47,79,79)
darkslategrey
Скачать файлом