Шестнадцатеричный цвет


Таблица цветов HTML

Для качественного и проработанного дизайна сайта, профессиональные веб-мастера постоянно должны подбирать подходящие цвета из палитры цветов в HTML. Коды цветов в html можно использовать в тегах, которые отвечают за: фоны, рамки блоков, изображений и таблиц, текст, ссылки и многое другое.

Таблица цветов HTML довольно часто применяется при работе с CSS, что значительно ускоряет и упрощает работу. Используя CSS, можно одной строчкой кода поменять цвет фона или текста на всем сайте, что очень помогает экономить время.

Задать коды цветов в html можно несколькими способами: указать в значении название цвета, использовать RGB код, использовать шестнадцатеричный код. Давайте рассмотрим каждый из способов подробнее:

  • Название цвета
    Простейший способ задать цвет, если он один из самых популярных, таких как: чёрный(black), белый(white), красный(red), зеленый(green), синий(blue) и т.д. Если необходимо выбрать более специфический цвет, то лучше воспользоваться кодами цветов в html. Как правило, в тегах цвета указываются благодаря параметру color , значение которого и есть наш цвет, например: color =»red» > красный текст . Если использовать CSS, то картина немного другая: style =»color: название цвета» . (первая колонка в таблице цветов html)
  • RGB код, цвета в десятичных числах
    В данном способе используется RGB код, который состоит из десятичных чисел. Этот код состоит из трёх чисел (диапазон цифр каждого из чисел: 0-255), первое число задаёт насыщенность красного цвета R(red), второе число — задаёт насыщенность зеленого цвета G(green), третье – синего B(blue). Отсюда и название, RGB-код. Пример: color =»255 0 0″ > красный текст . (третья колонка в палитре цветов html)
  • Шестнадцатеричный код цвета
    Данный способ очень похож на предыдущий, вот только в нём используются шестнадцатеричные числа. К тому же, перед кодом цветов обязательно следует ставить символ # . Сегодня этот способ самый популярный, он позволяет детально выбрать необходимый цвет, а также имеет компактный вид в html. Пример: color =»#FF0000″ > красный текст . (четвертая колонка в таблице цветов html)

Палитра цветов в HTML

Название цвета Цвет RGB — код цвета Код цвета HTML
Snow 255 250 250 #FFFAFA
GhostWhite 248 248 255 #F8F8FF
WhiteSmoke 245 245 245 #F5F5F5
Gainsboro 220 220 220 #DCDCDC
FloralWhite 255 250 240 #FFFAF0
OldLace 253 245 230 #FDF5E6
Linen 250 240 230 #FAF0E6
AntiqueWhite 250 235 215 #FAEBD7
PapayaWhip 255 239 213 #FFEFD5
BlanchedAlmond 255 235 205 #FFEBCD
Bisque 255 228 196 #FFE4C4
PeachPuff 255 218 185 #FFDAB9
NavajoWhite 255 222 173 #FFDEAD
Moccasin 255 228 181 #FFE4B5
Cornsilk 255 248 220 #FFF8DC
Ivory 255 255 240 #FFFFF0
LemonChiffon 255 250 205 #FFFACD
Seashell 255 245 238 #FFF5EE
Honeydew 240 255 240 #F0FFF0
MintCream 245 255 250 #F5FFFA
Azure 240 255 255 #F0FFFF
AliceBlue 240 248 255 #F0F8FF
lavender 230 230 250 #E6E6FA
LavenderBlush 255 240 245 #FFF0F5
MistyRose 255 228 225 #FFE4E1
White 255 255 255 #FFFFFF
Black 0 0 0 #000000
DarkSlateGray 47 79 79 #2F4F4F
DimGrey 105 105 105 #696969
SlateGrey 112 128 144 #708090
LightSlateGray 119 136 153 #778899
Grey 190 190 190 #BEBEBE
LightGray 211 211 211 #D3D3D3
MidnightBlue 25 25 112 #191970
NavyBlue 0 0 128 #000080
CornflowerBlue 100 149 237 #6495ED
DarkSlateBlue 72 61 139 #483D8B
SlateBlue 106 90 205 #6A5ACD
MediumSlateBlue 123 104 238 #7B68EE
LightSlateBlue 132 112 255 #8470FF
MediumBlue 0 0 205 #0000CD
RoyalBlue 65 105 225 #4169E1
Blue 0 0 255 #0000FF
DodgerBlue 30 144 255 #1E90FF
DeepSkyBlue 0 191 255 #00BFFF
SkyBlue 135 206 235 #87CEEB
LightSkyBlue 135 206 250 #87CEFA
SteelBlue 70 130 180 #4682B4
LightSteelBlue 176 196 222 #B0C4DE
LightBlue 173 216 230 #ADD8E6
PowderBlue 176 224 230 #B0E0E6
PaleTurquoise 175 238 238 #AFEEEE
DarkTurquoise 0 206 209 #00CED1
MediumTurquoise 72 209 204 #48D1CC
Turquoise 64 224 208 #40E0D0
Cyan 0 255 255 #00FFFF
LightCyan 224 255 255 #E0FFFF
CadetBlue 95 158 160 #5F9EA0
MediumAquamarine 102 205 170 #66CDAA
Aquamarine 127 255 212 #7FFFD4
DarkGreen 0 100 0 #006400
DarkOliveGreen 85 107 47 #556B2F
DarkSeaGreen 143 188 143 #8FBC8F
SeaGreen 46 139 87 #2E8B57
MediumSeaGreen 60 179 113 #3CB371
LightSeaGreen 32 178 170 #20B2AA
PaleGreen 152 251 152 #98FB98
SpringGreen 0 255 127 #00FF7F
LawnGreen 124 252 0 #7CFC00
Green 0 255 0 #00FF00
Chartreuse 127 255 0 #7FFF00
MedSpringGreen 0 250 154 #00FA9A
GreenYellow 173 255 47 #ADFF2F
LimeGreen 50 205 50 #32CD32
YellowGreen 154 205 50 #9ACD32
ForestGreen 34 139 34 #228B22
OliveDrab 107 142 35 #6B8E23
DarkKhaki 189 183 107 #BDB76B
PaleGoldenrod 238 232 170 #EEE8AA
LtGoldenrodYello 250 250 210 #FAFAD2
LightYellow 255 255 224 #FFFFE0
Yellow 255 255 0 #FFFF00
Gold 255 215 0 #FFD700
LightGoldenrod 238 221 130 #EEDD82
goldenrod 218 165 32 #DAA520
DarkGoldenrod 184 134 11 #B8860B
RosyBrown 188 143 143 #BC8F8F
IndianRed 205 92 92 #CD5C5C
SaddleBrown 139 69 19 #8B4513
Sienna 160 82 45 #A0522D
Peru 205 133 63 #CD853F
Burlywood 222 184 135 #DEB887
Beige 245 245 220 #F5F5DC
Wheat 245 222 179 #F5DEB3
SandyBrown 244 164 96 #F4A460
Tan 210 180 140 #D2B48C
Chocolate 210 105 30 #D2691E
Firebrick 178 34 34 #B22222
Brown 165 42 42 #A52A2A
DarkSalmon 233 150 122 #E9967A
Salmon 250 128 114 #FA8072
LightSalmon 255 160 122 #FFA07A
Orange 255 165 0 #FFA500
DarkOrange 255 140 0 #FF8C00
Coral 255 127 80 #FF7F50
LightCoral 240 128 128 #F08080
Tomato 255 99 71 #FF6347
OrangeRed 255 69 0 #FF4500
Red 255 0 0 #FF0000
HotPink 255 105 180 #FF69B4
DeepPink 255 20 147 #FF1493
Pink 255 192 203 #FFC0CB
LightPink 255 182 193 #FFB6C1
PaleVioletRed 219 112 147 #DB7093
Maroon 176 48 96 #B03060
MediumVioletRed 199 21 133 #C71585
VioletRed 208 32 144 #D02090
Magenta 255 0 255 #FF00FF
Violet 238 130 238 #EE82EE
Plum 221 160 221 #DDA0DD
Orchid 218 112 214 #DA70D6
MediumOrchid 186 85 211 #BA55D3
DarkOrchid 153 50 204 #9932CC
DarkViolet 148 0 211 #9400D3
BlueViolet 138 43 226 #8A2BE2
Purple 160 32 240 #A020F0
MediumPurple 147 112 219 #9370DB
Thistle 216 191 216 #D8BFD8
Snow1 255 250 250 #FFFAFA
Snow2 238 233 233 #EEE9E9
Snow3 205 201 201 #CDC9C9
Snow4 139 137 137 #8B8989
Seashell1 255 245 238 #FFF5EE
Seashell2 238 229 222 #EEE5DE
Seashell3 205 197 191 #CDC5BF
Seashell4 139 134 130 #8B8682
AntiqueWhite1 255 239 219 #FFEFDB
AntiqueWhite2 238 223 204 #EEDFCC
AntiqueWhite3 205 192 176 #CDC0B0
AntiqueWhite4 139 131 120 #8B8378
Bisque1 255 228 196 #FFE4C4
Bisque2 238 213 183 #EED5B7
Bisque3 205 183 158 #CDB79E
Bisque4 139 125 107 #8B7D6B
PeachPuff1 255 218 185 #FFDAB9
PeachPuff2 238 203 173 #EECBAD
PeachPuff3 205 175 149 #CDAF95
PeachPuff4 139 119 101 #8B7765
NavajoWhite1 255 222 173 #FFDEAD
NavajoWhite2 238 207 161 #EECFA1
NavajoWhite3 205 179 139 #CDB38B
NavajoWhite4 139 121 94 #8B795E
LemonChiffon1 255 250 205 #FFFACD
LemonChiffon2 238 233 191 #EEE9BF
LemonChiffon3 205 201 165 #CDC9A5
LemonChiffon4 139 137 112 #8B8970
Cornsilk1 255 248 220 #FFF8DC
Cornsilk2 238 232 205 #EEE8CD
Cornsilk3 205 200 177 #CDC8B1
Cornsilk4 139 136 120 #8B8878
Ivory1 255 255 240 #FFFFF0
Ivory2 238 238 224 #EEEEE0
Ivory3 205 205 193 #CDCDC1
Ivory4 139 139 131 #8B8B83
Honeydew1 240 255 240 #F0FFF0
Honeydew2 224 238 224 #E0EEE0
Honeydew3 193 205 193 #C1CDC1
Honeydew4 131 139 131 #838B83
LavenderBlush1 255 240 245 #FFF0F5
LavenderBlush2 238 224 229 #EEE0E5
LavenderBlush3 205 193 197 #CDC1C5
LavenderBlush4 139 131 134 #8B8386
MistyRose1 255 228 225 #FFE4E1
MistyRose2 238 213 210 #EED5D2
MistyRose3 205 183 181 #CDB7B5
MistyRose4 139 125 123 #8B7D7B
Azure1 240 255 255 #F0FFFF
Azure2 224 238 238 #E0EEEE
Azure3 193 205 205 #C1CDCD
Azure4 131 139 139 #838B8B
SlateBlue1 131 111 255 #836FFF
SlateBlue2 122 103 238 #7A67EE
SlateBlue3 105 89 205 #6959CD
SlateBlue4 71 60 139 #473C8B
RoyalBlue1 72 118 255 #4876FF
RoyalBlue2 67 110 238 #436EEE
RoyalBlue3 58 95 205 #3A5FCD
RoyalBlue4 39 64 139 #27408B
Blue1 0 0 255 #0000FF
Blue2 0 0 238 #0000EE
Blue3 0 0 205 #0000CD
Blue4 0 0 139 #00008B
DodgerBlue1 30 144 255 #1E90FF
DodgerBlue2 28 134 238 #1C86EE
DodgerBlue3 24 116 205 #1874CD
DodgerBlue4 16 78 139 #104E8B
SteelBlue1 99 184 255 #63B8FF
SteelBlue2 92 172 238 #5CACEE
SteelBlue3 79 148 205 #4F94CD
SteelBlue4 54 100 139 #36648B
DeepSkyBlue1 0 191 255 #00BFFF
DeepSkyBlue2 0 178 238 #00B2EE
DeepSkyBlue3 0 154 205 #009ACD
DeepSkyBlue4 0 104 139 #00688B
SkyBlue1 135 206 255 #87CEFF
SkyBlue2 126 192 238 #7EC0EE
SkyBlue3 108 166 205 #6CA6CD
SkyBlue4 74 112 139 #4A708B
LightSkyBlue1 176 226 255 #B0E2FF
LightSkyBlue2 164 211 238 #A4D3EE
LightSkyBlue3 141 182 205 #8DB6CD
LightSkyBlue4 96 123 139 #607B8B
SlateGray1 198 226 255 #C6E2FF
SlateGray2 185 211 238 #B9D3EE
SlateGray3 159 182 205 #9FB6CD
SlateGray4 108 123 139 #6C7B8B
LightSteelBlue1 202 225 255 #CAE1FF
LightSteelBlue2 188 210 238 #BCD2EE
LightSteelBlue3 162 181 205 #A2B5CD
LightSteelBlue4 110 123 139 #6E7B8B
LightBlue1 191 239 255 #BFEFFF
LightBlue2 178 223 238 #B2DFEE
LightBlue3 154 192 205 #9AC0CD
LightBlue4 104 131 139 #68838B
LightCyan1 224 255 255 #E0FFFF
LightCyan2 209 238 238 #D1EEEE
LightCyan3 180 205 205 #B4CDCD
LightCyan4 122 139 139 #7A8B8B
PaleTurquoise1 187 255 255 #BBFFFF
PaleTurquoise2 174 238 238 #AEEEEE
PaleTurquoise3 150 205 205 #96CDCD
PaleTurquoise4 102 139 139 #668B8B
CadetBlue1 152 245 255 #98F5FF
CadetBlue2 142 229 238 #8EE5EE
CadetBlue3 122 197 205 #7AC5CD
CadetBlue4 83 134 139 #53868B
Turquoise1 0 245 255 #00F5FF
Turquoise2 0 229 238 #00E5EE
Turquoise3 0 197 205 #00C5CD
Turquoise4 0 134 139 #00868B
Cyan1 0 255 255 #00FFFF
Cyan2 0 238 238 #00EEEE
Cyan3 0 205 205 #00CDCD
Cyan4 0 139 139 #008B8B
DarkSlateGray1 151 255 255 #97FFFF
DarkSlateGray2 141 238 238 #8DEEEE
DarkSlateGray3 121 205 205 #79CDCD
DarkSlateGray4 82 139 139 #528B8B
Aquamarine1 127 255 212 #7FFFD4
Aquamarine2 118 238 198 #76EEC6
Aquamarine3 102 205 170 #66CDAA
Aquamarine4 69 139 116 #458B74
DarkSeaGreen1 193 255 193 #C1FFC1
DarkSeaGreen2 180 238 180 #B4EEB4
DarkSeaGreen3 155 205 155 #9BCD9B
DarkSeaGreen4 105 139 105 #698B69
SeaGreen1 84 255 159 #54FF9F
SeaGreen2 78 238 148 #4EEE94
SeaGreen3 67 205 128 #43CD80
SeaGreen4 46 139 87 #2E8B57
PaleGreen1 154 255 154 #9AFF9A
PaleGreen2 144 238 144 #90EE90
PaleGreen3 124 205 124 #7CCD7C
PaleGreen4 84 139 84 #548B54
SpringGreen1 0 255 127 #00FF7F
SpringGreen2 0 238 118 #00EE76
SpringGreen3 0 205 102 #00CD66
SpringGreen4 0 139 69 #008B45
Green1 0 255 0 #00FF00
Green2 0 238 0 #00EE00
Green3 0 205 0 #00CD00
Green4 0 139 0 #008B00
Chartreuse1 127 255 0 #7FFF00
Chartreuse2 118 238 0 #76EE00
Chartreuse3 102 205 0 #66CD00
Chartreuse4 69 139 0 #458B00
OliveDrab1 192 255 62 #C0FF3E
OliveDrab2 179 238 58 #B3EE3A
OliveDrab3 154 205 50 #9ACD32
OliveDrab4 105 139 34 #698B22
DarkOliveGreen1 202 255 112 #CAFF70
DarkOliveGreen2 188 238 104 #BCEE68
DarkOliveGreen3 162 205 90 #A2CD5A
DarkOliveGreen4 110 139 61 #6E8B3D
Khaki1 255 246 143 #FFF68F
Khaki2 238 230 133 #EEE685
Khaki3 205 198 115 #CDC673
Khaki4 139 134 78 #8B864E
LightGoldenrod1 255 236 139 #FFEC8B
LightGoldenrod2 238 220 130 #EEDC82
LightGoldenrod3 205 190 112 #CDBE70
LightGoldenrod4 139 129 76 #8B814C
LightYellow1 255 255 224 #FFFFE0
LightYellow2 238 238 209 #EEEED1
LightYellow3 205 205 180 #CDCDB4
LightYellow4 139 139 122 #8B8B7A
Yellow1 255 255 0 #FFFF00
Yellow2 238 238 0 #EEEE00
Yellow3 205 205 0 #CDCD00
Yellow4 139 139 0 #8B8B00
Gold1 255 215 0 #FFD700
Gold2 238 201 0 #EEC900
Gold3 205 173 0 #CDAD00
Gold4 139 117 0 #8B7500
Goldenrod1 255 193 37 #FFC125
Goldenrod2 238 180 34 #EEB422
Goldenrod3 205 155 29 #CD9B1D
Goldenrod4 139 105 20 #8B6914
DarkGoldenrod1 255 185 15 #FFB90F
DarkGoldenrod2 238 173 14 #EEAD0E
DarkGoldenrod3 205 149 12 #CD950C
DarkGoldenrod4 139 101 8 #8B658B
RosyBrown1 255 193 193 #FFC1C1
RosyBrown2 238 180 180 #EEB4B4
RosyBrown3 205 155 155 #CD9B9B
RosyBrown4 139 105 105 #8B6969
IndianRed1 255 106 106 #FF6A6A
IndianRed2 238 99 99 #EE6363
IndianRed3 205 85 85 #CD5555
IndianRed4 139 58 58 #8B3A3A
Sienna1 255 130 71 #FF8247
Sienna2 238 121 66 #EE7942
Sienna3 205 104 57 #CD6839
Sienna4 139 71 38 #8B4726
Burlywood1 255 211 155 #FFD39B
Burlywood2 238 197 145 #EEC591
Burlywood3 205 170 125 #CDAA7D
Burlywood4 139 115 85 #8B7355
Wheat1 255 231 186 #FFE7BA
Wheat2 238 216 174 #EED8AE
Wheat3 205 186 150 #CDBA96
Wheat4 139 126 102 #8B7E66
Tan1 255 165 79 #FFA54F
Tan2 238 154 73 #EE9A49
Tan3 205 133 63 #CD853F
Tan4 139 90 43 #8B5A2B
Chocolate1 255 127 36 #FF7F24
Chocolate2 238 118 33 #EE7621
Chocolate3 205 102 29 #CD661D
Chocolate4 139 69 19 #8B4513
Firebrick1 255 48 48 #FF3030
Firebrick2 238 44 44 #EE2C2C
Firebrick3 205 38 38 #CD2626
Firebrick4 139 26 26 #8B1A1A
Brown1 255 64 64 #FF4040
Brown2 238 59 59 #EE3B3B
Brown3 205 51 51 #CD3333
Brown4 139 35 35 #8B2323
Salmon1 255 140 105 #FF8C69
Salmon2 238 130 98 #EE8262
Salmon3 205 112 84 #CD7054
Salmon4 139 76 57 #8B4C39
LightSalmon1 255 160 122 #FFA07A
LightSalmon2 238 149 114 #EE9572
LightSalmon3 205 129 98 #CD8162
LightSalmon4 139 87 66 #8B5742
Orange1 255 165 0 #FFA500
Orange2 238 154 0 #EE9A00
Orange3 205 133 0 #CD8500
Orange4 139 90 0 #8B5A00
DarkOrange1 255 127 0 #FF7F00
DarkOrange2 238 118 0 #EE7600
DarkOrange3 205 102 0 #CD6600
DarkOrange4 139 69 0 #8B4500
Coral1 255 114 86 #FF7256
Coral2 238 106 80 #EE6A50
Coral3 205 91 69 #CD5B45
Coral4 139 62 47 #8B3E2F
Tomato1 255 99 71 #FF6347
Tomato2 238 92 66 #EE5C42
Tomato3 205 79 57 #CD4F39
Tomato4 139 54 38 #8B3626
OrangeRed1 255 69 0 #FF4500
OrangeRed2 238 64 0 #EE4000
OrangeRed3 205 55 0 #CD3700
OrangeRed4 139 37 0 #8B2500
Red1 255 0 0 #FF0000
Red2 238 0 0 #EE0000
Red3 205 0 0 #CD0000
Red4 139 0 0 #8B0000
DeepPink1 255 20 147 #FF1493
DeepPink2 238 18 137 #EE1289
DeepPink3 205 16 118 #CD1076
DeepPink4 139 10 80 #8B0A50
HotPink1 255 110 180 #FF6EB4
HotPink2 238 106 167 #EE6AA7
HotPink3 205 96 144 #CD6090
HotPink4 139 58 98 #8B3A62
Pink1 255 181 197 #FFB5C5
Pink2 238 169 184 #EEA9B8
Pink3 205 145 158 #CD919E
Pink4 139 99 108 #8B636C
LightPink1 255 174 185 #FFAEB9
LightPink2 238 162 173 #EEA2AD
LightPink3 205 140 149 #CD8C95
LightPink4 139 95 101 #8B5F65
PaleVioletRed1 255 130 171 #FF82AB
PaleVioletRed2 238 121 159 #EE799F
PaleVioletRed3 205 104 137 #CD6889
PaleVioletRed4 139 71 93 #8B475D
Maroon1 255 52 179 #FF34B3
Maroon2 238 48 167 #EE30A7
Maroon3 205 41 144 #CD2990
Maroon4 139 28 98 #8B1C62
VioletRed1 255 62 150 #FF3E96
VioletRed2 238 58 140 #EE3A8C
VioletRed3 205 50 120 #CD3278
VioletRed4 139 34 82 #8B2252
Magenta1 255 0 255 #FF00FF
Magenta2 238 0 238 #EE00EE
Magenta3 205 0 205 #CD00CD
Magenta4 139 0 139 #8B008B
Orchid1 255 131 250 #FF83FA
Orchid2 238 122 233 #EE7AE9
Orchid3 205 105 201 #CD69C9
Orchid4 139 71 137 #8B4789
Plum1 255 187 255 #FFBBFF
Plum2 238 174 238 #EEAEEE
Plum3 205 150 205 #CD96CD
Plum4 139 102 139 #8B668B
MediumOrchid1 224 102 255 #E066FF
MediumOrchid2 209 95 238 #D15FEE
MediumOrchid3 180 82 205 #B452CD
MediumOrchid4 122 55 139 #7A378B
DarkOrchid1 191 62 255 #BF3EFF
DarkOrchid2 178 58 238 #B23AEE
DarkOrchid3 154 50 205 #9A32CD
DarkOrchid4 104 34 139 #68228B
Purple1 155 48 255 #9B30FF
Purple2 145 44 238 #912CEE
Purple3 125 38 205 #7D26CD
Purple4 85 26 139 #551A8B
MediumPurple1 171 130 255 #AB82FF
MediumPurple2 159 121 238 #9F79EE
MediumPurple3 137 104 205 #8968CD
MediumPurple4 93 71 139 #5D478B
Thistle1 255 225 255 #FFE1FF
Thistle2 238 210 238 #EED2EE
Thistle3 205 181 205 #CDB5CD
Thistle4 139 123 139 #8B7B8B
grey11 28 28 28 #1C1C1C
grey21 54 54 54 #363636
grey31 79 79 79 #4F4F4F
grey41 105 105 105 #696969
grey51 130 130 130 #828282
grey61 156 156 156 #9C9C9C
grey71 181 181 181 #B5B5B5
gray81 207 207 207 #CFCFCF
gray91 232 232 232 #E8E8E8
DarkGrey 169 169 169 #A9A9A9
DarkBlue 0 0 139 #00008B
DarkCyan 0 139 139 #008B8B
DarkMagenta 139 0 139 #8B008B
DarkRed 139 0 0 #8B0000
LightGreen 144 238 144 #90EE90

Вверх

Коды цветов в html применяются довольно часто, особенно если вы профессионально занимаетесь версткой сайта, поэтому рекомендуем данную таблицу добавить в свои закладки, понадобиться 100%.

HTML Таблица цветов

Для окраски текста или изменения фона в HTML применяется атрибут style. Текст, цвет которого нужно изменить, помещают в теги, например для отдельных слов или

Цвет текста определяется свойством CSS style = «color:#RRGGBB;» , а цвет фона style = «background-color:#RRGGBB;» .

«#RRGGBB» — это шестнадцатеричный код цвета, где доли красного (RR), зелёного (GG) и синего цвета (BB) могут лежать в диапазоне от 00 до FF, что соответствует десятичному числу 255. Вместо кодировки «#RRGGBB» можно использовать соответствующие названия цветов (без # ).

Цвета в HTML

Способы указания цвета в языке HTML

В языке HTML, существует два способа указать цвет:

1. С помощью имени цвета,
2. С помощью системы RGB, где цвета заданы в шестнадцатеричном формате.

Имя цвета

Имя цвета в HTML указывается английскими словами, например red или green . Имя цвета выступает в качестве значения атрибута HTML-тега. Имён цветов очень много, в этой статье мы рассмотрим лишь основные из них.

Обычно для задания цвета, в языке HTML используют два атрибута:

1. Атрибут color=»имя_цвета» — цвет текста,
2. Атрибут bgcolor=»имя_цвета» — цвет фона.

Примеры использования цветовых атрибутов:
color=»red» — назначаем тексту красный цвет,
bgcolor=»green» — назначаем фону зелёный цвет.

Таблица основных имён цветов HTML:

Имя цвета Его вид Перевод
white Белый
ivory Слоновая кость
silver Серебряный
gray Серый
black Чёрный
maroon Тёмно-бордовый
red Красный
orange Оранжевый
gold Золотой
yellow Жёлтый
olive Оливковый
lime Лайм
green Зелёный
aqua Морская волна
blue Синий
navy Нави
teal Бирюзовый
fuchsia Фуксиновый
purple Пурпурный

Шестнадцатеричная система счисления

В повседневной жизни мы пользуемся десятичной системой счисления от 0 до 9 . Программисты и дизайнеры часто используют шестнадцатеричную систему счисления от 0 до 15 , где:

10 = A
11 = B
12 = C
13 = D
14 = E
15 = F


Практически каждый цвет и оттенок видимый нашему зрению можно записать в шестнадцатеричной системе, например красный цвет red (красный) в шестнадцатеричной системе будет равен ff0000

color=»red» — красный цвет, по имени,
color=»#ff0000″ — красный цвет, в шестнадцатеричной системе счисления.

В языке HTML, перед шестнадцатеричным числом, в значении атрибута ставят знак решётки #

Перед тем как начать указывать цвета в HTML с помощью шестнадцатеричной системы счисления, вам для начала нужно узнать о таком понятии как R G B

RGB — это сокращение от слов R ed G reen B lue (Красный Зелёный Синий).

Цвет в HTML, записанный в шестнадцатеричной системе состоит из трех блоков чисел 00 00 00 , где каждый блок отвечает за один из цветов RGB, первый блок за красный цвет, второй за зелёный цвет, третий за синий цвет. Числа могут варьироваться от 00 до ff .

Где, ff — это 255 в десятичной системе счисления.

Схема RGB:
Red — от 00 до ff
Green — от 00 до ff
Blue — от 00 до ff

В итоге получаем число из шести цифр 000000 , где первые два числа отвечают за красный цвет, вторые два числа отвечают за зелёный цвет, третьи два числа отвечают за синий цвет.

Если мы хотим получить красный цвет, то пишем ff0000 , зелёный цвет 00ff00 , синий цвет 0000ff . Например, если хотим получить тёмно красный цвет, то нужно уменьшить первый блок чисел и вместо ff (который равен в десятичной системе счисления 255 ) , записать например 96 (который равен в десятичной системе счисления 150 ) .

Приведём для наглядности, примеры цветов и их шестнадцатеричный код:

Цвет Его вид Шестнадцатеричный код
Красный #ff0000
Тёмно-красный #960000
Зелёный #00ff00
Тёмно-зелёный #009600
Синий #0000ff
Тёмно-синий #000096
Белый #ffffff
Чёрный #000000

Смешиваем цвета в HTML

Если вы в школе не пропускали занятия по рисованию, то наверняка помните, что при равномерном смешивании красного и зеленого цвета можно получить жёлтый,
при добавлении к красному цвету немного зелёного можно получить оранжевый и т.д.

Цвета, заданные с помощью шестнадцатеричной системы счисления и RGB, тоже можно смешивать:

Цвет Его вид Шестнадцатеричный код Что смешали
Желтый #ffff00 Красный и зелёный
Оранжевые оттенки #ff8800 Красный и немного зелёного
Фиолетовый #ff00ff Красный и синий
Фиолетовые оттенки #8800ff Немного красного и синий
Голубой #00aaff Синий и немного зелёного
Голубые оттенки #0055ff Немного зелёного и синий
Серые оттенки #aaaaaa Равномерно смешать все три цвета

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

Программы подбора цвета

(На данный момент, сервис от Яндекса отключили, обещают скоро включить.)
В мире существуют множество программ, которые помогут вам подобрать цвет. Например, если в Яндексе набрать слово RGB, то под поиском появится виджет, в котором можно подобрать для себя цвет.

Генератор цвета HTML

Генератор цвета отображает значение в hex, через решетку, так и в значение rgb красный, зеленый и синий. Значение фона у лендинга можно записать свойством background-color: #b641b0 либо background-color: rgb(182, 65, 176) и со значением прозрачности background-color: rgba(182, 65, 176, 1). С единицей цвет полностью не прозрачный. При нуле полностью прозрачный фон. Между 1 и 0 полупрозрачные цвета. Такие значения можно указывать и для свойства цвета html color: rgba(182, 65, 176, 1). Четвертая запись цвета html в формате hsv background-color: hsv(303, 64%, 71%). Разберем все четыре формата записи цвета в html подробно.

1). Формат цвета HEX.

Запись цвета в шестнадцатеричной системе через решетку, пример #334455. Цвет раскладывается на три группы с значениями между 00 и FF.

  1. Красный R равен значению #ff0000.
  2. Зеленый G со значением #00ff00.
  3. Синий B цвет в шестнадцатеричной системе #0000ff.

Если каждая группа имеет одинаковые значения, то можно записать кратко #f00 красный цвет.


2). Формат цвета RGB.

Цвет RGB состоит из трех цветов красный R зеленый G и синий B. Путем смешивания этих цветов, получается остальные. Значение каждого цвета задается от 0 до 255.

  • Красный R равен 255, остальные цвета 0 rgb(255, 0, 0).
  • Зеленый G представлен как rgb(0, 255, 0).
  • Синий B цвет в rgb системе rgb(0, 0, 255).

3). Формат цвета RGBA

Цвет RGBA получается расширением формата rgb с добавлением альфа канала, который отвечает за прозрачность цвета.

  • Прозрачность A альфа лежит в границах от 0.0 до 1.0.

4). Формат цвета HSV.

Цвет HSV основан на цилиндрической геометрии и применяется в photoshop.

  • Цвет и оттенок H задается на цветовом круге от 0 до 360 градусов.
  • Насыщенность S лежит в пределах от 0% до 100%.
  • Яркость V также указывается в процентах от 0% до 100%.

Шестнадцатеричный формат цвета в CSS

Дата публикации: 2020-07-28

От автора: в CSS насчитывается 149 ключевых слов стандартных цветов. При помощи же шестнадцатеричной системы счисления (или hex) можно получить доступ ко всей RGB гамме цветов. Понимание принципов работы шестнадцатеричной системы счисления лежит в основе изучения hex системы цветов.

В отличие от десятеричной системы с ее значениями от 0 до 9 в шестнадцатеричной системе счисления 16 разрядов: от 0 до 9 и до буквы f. В самом общем случае компоненты hex цвета (красный, зеленый и синий) представляются парой разрядов.

Минимальным значением цвета в паре считается 00. На один выше будет 01, 02 и т.д. После 09 пара записывается в форме 0a, 0b и так до 0f. Достигнув последнего возможного значения во втором разряде, первый разряд переключается на одно значение, как в обычных счетчиках, а второй разряд сбрасывается. В итоге мы получаем 10, после чего крайний разряд начинает заново подниматься вверх.

Чем больше значение компонента, тем больший вес он будет иметь в конечном цвета, где 00 – полное отсутствие данного компонента, а ff – максимальное присутствие в конечном варианте. Шестнадцатеричный цвет записывается со знаком #. То есть #000000 – черный цвет (отсутствие красного, зеленого и синего), #ffffff – белый, а #ffff00 – зеленый.

Обратите внимание на то, что hex цвета в CSS представляют собой аддитивную систему цвета, где отсутствие оттенка распознается как черный цвет (то есть цвет экрана по умолчанию).

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Как запомнить hex цвета

Простой способ запомнить шестнадцатеричные цвета – думать о каждом цветовом компоненте (красный, зеленый и синий), как об отдельном фонарике с фильтром. В hex 00 означает «выключен», а ff означает «фонарик включен на полную».

Если в темной комнате включить только красный фонарик (#ff0000), вся комната озарится красным цветом. Если включить красный и зеленый фонарики и скрестить лучи (#ffff00), комната станет желтой.

Кроме того, можно представить не просто фонарики, а переключатели света с регулировкой освещения (от 00 до ff). #777777 будет средне-серым, а #440000 будет темно-красным.

Сокращения


Безопасные цвета – цвета, в которых разряды компонентов имеют одинаковое значение (00, 77, ee и т.д.). Такие цвета используются в случае, если монитор имеет крайне ограниченный диапазон цветов. Это необязательные цвета.
Если вы решили воспользоваться безопасными цветами, то вы получаете одно преимущество – шестнадцатеричную запись безопасных шрифтов можно сократить. К примеру, черный можно записать в виде #000, красный — #f00 и т.д. К примеру:

Шестнадцатеричный цвет

Коды цветов в используются для указания цвета. Как правило, коды цвета или цветовые значения используются для установки цвета либо для переднего плана элемента. В таблице ниже я привожу несколько кодов цветов. Для работы в Adobe бывает нужно создать слой сплошной заливки ,как фон для основного изображения. Я имею в виду работу с хромакей. Основные цвета используемые при этом Красный #FF0000, Зеленый #008000, Синий #0000FF

Цвет Шестнадцатеричный цвет
Белый #FFFFFF
Черный #000000
Красный #FF0000
Лайма #00FF00
Синий #0000FF
Желтый #FFFF00
Морская волна #00FFFF
Фуксия #FF00FF
Зелёный #008000
Серый #808080
Серебристый #C0C0C0

Теория цвета в цифрах

Разные люди могут по-разному представлять один и тот же цвет по его названию. Например голубой цвет может на самом деле быть цветом морской волны или небесным. Гораздо точнее цвет определяется шестнадцатеричным кодом, всего существует 16777216 комбинаций. Поэтому дизайнеру может быть полезно распознавать цвет, просто взглянув на его hex-код.

Основы

Начнем с простого: рассмотрим обычный hex-код, где каждая из трех пар цифр контролирует один из цветов RGB — красный, зеленый, синий. Числа могут принимать значения цифр от 0 до 9 и букв от A до F.

Насыщенность цвета зависит от того, насколько разные в парах числа. Чем больше значение пар, тем светлее цвет. Вторая цифра каждой пары уточняет оттенок:

То есть величина чисел в парах означает количество цвета, проще говоря, если все числа максимальные, то в результате будет белый цвет — #FFFFFF, если числа минимальные, нули, то цвета нет, получается черный — #000000. Если изменять каждую пару, то получается: #FF0000 — самый яркий красный, #00FF00 — самый яркий зеленый и #0000FF — самый яркий синий. Соответственно, #00FFFF — самый яркий голубой, #FF00FF — самый яркий пурпурный и #FFFF00 — самый яркий желтый.

Распознавание цвета

Шестнадцатеричный код может быть сокращен с шести символов до трех. Например цвет #FAE означает #FFAAEE. Такая возможность иногда помогает упростить код, и что важнее, легко сократить количество оттенков, если это требуется.

В большинстве случаев распознать цвет по hex-коду можно, учитывая только первые цифры пар. В примере ниже понятно, что цвет смешан из большого количества красного, немного синего, а зеленого совсем нет.

Понимание цвета по hex-коду позволяет веб-дизайнеру быстрее ориентироваться в коде страницы, кроме того, можно всегда произвести впечатление на коллег или клиентов, сказав «Ах, какой прекрасный оттенок бордового».

Можно также легко менять яркость, оттенок или насыщенность цвета, отредактировав лишь его шестнадцатеричный код. В первом примере ниже одна из пар меняется с шагом в 10%, при этом растет яркость цвета. Во втором примере яркость растет, но насыщенность падает:

Подчеркивание ссылок

По умолчанию браузеры подчеркивают гиперссылки на веб-страницах. При использовании не слишком крупных шрифтов подчеркивание может смешиваться с буквами ссылки, и выглядит такая конструкция не очень. Но можно сделать подчеркивание менее насыщенным:

  • Для темного текста на светлом фоне делаем ссылки ярче.
  • Для яркого текста на темном фоне делаем ссылки темнее.

Чтобы это работало, необходимо использовать тег span внутри каждого тега a, например:

Получившиеся ссылки легче читаются, т.к. подчеркивание не смешивается с символами. Однако добавлять span в каждую ссылку не очень рационально. Поэтому можно убрать подчеркивание ссылок, но при этом добавить border-bottom:

Цвета контента

Зачастую на сайтах используется один и тот же цвет для заголовков и основного текста. Но при таком подходе снижается читабельность контента: чем мельче шрифт, тем контрастнее он должен быть. Пример:

Уменьшение первых цифр в парах hex-кода повысит контрастность текста, а значит читабельность улучшится:

Редактирование фона

Легко управлять фоном, изменяя hex-код цвета:

  • #404040 — нейтральный
  • #504030 — теплее
  • #304050 — холоднее


Фон страницы визуально более чувствителен к изменениям цвета, чем контент. Поэтому можно легко сделать его теплее или холоднее, корректируя и вторую цифру в парах hex-кода. Например:

  • #404040 — нейтральный
  • #594039 — теплее
  • #394059 — холоднее

Подбор и комбинирование цветов

Понимание структуры шестнадцатеричного кода цветов дает дизайнеру возможность точно подбирать комбинации цветов и выбирать цветовые схемы. Самая простая техника — это переставлять одну пару в разные места кода. Еще один способ — удвоение первой цифры в первой паре и разделение на два остальных первых цифр. Также можно комбинировать цвета, взятые из фото. Описанные способы наглядно продемонстрированы на рисунке ниже:

Таблица HTML цветов — коды и названия

Коды цветов HTML — это шестнадцатеричные триплеты, представляющие цвета красный, зеленый и синий (#RRGGBB). Например, в красном цвете код цвета # FF0000, который является «255» красным, «0» зеленым и «0» синим. Эти цветовые коды можно использовать для изменения цвета фона, текста и таблиц на веб-странице через CSS.

Название цвета Цветовой код Название цвета Цветовой код
Красный # FF0000 Белый #FFFFFF
Сине-зелёный # 00FFFF Серебряный # C0C0C0
Синий # 0000FF Серый или серый #808080
Темно-синий # 0000A0 Черный #000000
Светло-синий # ADD8E6 Оранжевый # FFA500
Пурпурный #800080 Коричневый # A52A2A
Желтый # FFFF00 Каштановый #800000
известь # 00FF00 Зеленый #008000
Fuxin # FF00FF Оливковый #808000

Цветовая схема

Совет. Используйте наш выбор цвета HTML, если вам нужно выбрать из почти бесконечного множества цветов.

Код цвет
#000000 черный
# 0C090A Ночь
# 2C3539 темно-серый цвет
# 2B1B17 полуночный
# 34282C Древесный уголь
# 25383C Темный шифер серый
# 3B3131 масло
#413839 Черная кошка
# 3D3C3A Iridii
# 463E3F Черный угорь
# 4C4646 Черная корова
# 504A4B Серый волк
#565051 Сердце вампиров
# 5C5858 Серый дельфин
# 625D5D Углеродный серый
#666362 Ясень
# 6D6968 Облачно серый
# 726E6D Дымчатый серый
# 736F6E Серый
# 837E7C гранит
#848482 Броненосец Серый
# B6B6B4 Серый облако
# D1D0CE Серый гусь
# Скорость4E2 платиновый
# BCC6CC Металлический серебристый
# 98AFC7 Серо-голубой
# 6D7B8D Светлый серый шифер
#657383 Шифер серый
# 616D7E Jet Grey
# 646D7E Mist Blue
# 566D7E Мраморный синий
# 737CA1 Шифер Синий
# 4863A0 Стальной синий
# 2B547E Голубая сойка
# 2B3856 Темный шифер Синий
# 151B54 Темно-синий
#000080 Темно-синий
# 342D7E Синий кит
# 15317E Ляпис синий
# 151B8D Джинсовая темно-синяя
# 0000A0 Земля Синий
# 0020C2 Синий кобальт
# 0041C2 Голубика голубая
# 2554C7 Сапфирово-синий
# 1569C7 Голубые глаза
# 2B60DE Королевский синий
# 1F45FC Голубая орхидея
# 6960EC Голубой Лотос
# 736AFF Световой шифер синий
# 357EC7 Windows Blue
# 368BC1 Ледяной синий лед
# 488AC7 Синий Синий
# 3090C7 Голубой плющ
# 659EC7 Синий кои
# 87AFC7 Columbia Blue
# 95B9C7 Голубые
# 728FCE Легкий стальной синий
# 2B65EC Синий океан
# 306EFF Голубая лента
# 157DEC Голубое платье
# 1589FF Dodger Blue
# 6495ED Васильковый
# 6698FF Голубое небо
# 38ACEC Бабочка Blue
# 56A5EC айсберг
# 5CB3FF Кристально синий
# 3BB9FF Глубокий небесно-голубой
# 79BAEC Джинсовый синий
# 82CAFA Светло-голубой
# 82CAFF День Голубого
# A0CFEC Джинсы синие
# B7CEEC Голубой ангел
# B4CFEC Пастель Синий
# C2DFFF Синее море
# C6DEFF Порошок синий
#AFDCEC Коралловый синий
#ADDFFF Светло-синий
#BDEDFF Робин Яйцо Синий
#CFECEC Бле дно-голубая лилия
# E0FFFF Светлый голубой
# EBF4FA вода
# F0F8FF AliceBlue
# F0FFFF лазурь
#CCFFFF Свет овой шифер
# 93FFE8 Легкий аквамарин
# 9AFEFF Электрический синий
# 7FFFD4 Аквамарин
# 00FFFF Голубой или Аква
# 7DFDFE Трон Блю
# 57FEFF Синий циркон
# 8EEBEC Голубая лагуна
# 50EBEC небесный
# 4EE2EC Голубой бриллиант
# 81D8D0 Тиффани Блю
# 92C7C7 Cyan Opaque
# 77BFC7 Голубая Хоста
# 78C7C7 Северное сияние
# 48CCCD Средняя бирюза
# 43C6DB Бирюзовый
# 46C7C7 медуза
# 7BCCB5 Цвет морской волны
# 43BFC7 Ара синий зеленый
# 3EA99F Светло-зеленый
# 3B9C9C Темный бирюзовый
# 438D80 Морская черепаха зеленая
#348781 Средний аквамарин
# 307D7E Зеленый
# 5E7D7E Сероватый бирюзовый
# 4C787E Жук Зеленый
#008080 чирок
# 4E8975 Цвет морской волны
# 78866B Камуфляж зеленый
# 848b79 Зеленый шалфей
# 617C58 Хейзел Грин
# 728C00 Зеленый яд
# 667C26 Папоротник зеленый
#254117 Темный лес зеленый
#306754 Средний морской зеленый
#347235 Средний лес зеленый
# 437C17 Морские водоросли
# 387C44 Сосновый зеленый
# 347C2C Джунгли Грин
# 347C17 Shamrock Green
#348017 Средний весенний зеленый
# 4E9258 Зеленый лес
# 6AA121 Зеленый лук
# 4AA02C Весенний зеленый
# 41A317 Лайм Грин
# 3EA055 Зеленый клевер
# 6CBB3C Зеленая змея
# 6CC417 Чужой Грин
# 4CC417 Зеленое яблоко
# 52D017 Желто-зеленый
# 4CC552 Келли зеленый
# 54C571 Зомби-зеленый
# 99C68E Лягушка зеленый
# 89C35C Зеленый горошек
# 85BB65 Доллар Билл Грин
# 8BB381 Темное море
# 9CB071 Игуана Грин
# B2C248 Авокадо-зеленый
# 9DC209 Фисташковый зеленый
# A1C935 Зеленый салат
# 7FE817 Колибри Зеленый
# 59E817 Туманность Грин
# 57E964 Стоп-сигнал Go Green
# 64E986 Водоросли Зеленые
# 5EFB6E Нефрит зеленый
# 00FF00 зеленый
# 5FFB17 Изумрудно-зеленый
# 87F717 Зеленый газон
# 8AFB17 картезианский монастырь
# 6AFB92 Зеленый дракон
# 98FF98 мятно-зеленый
# B5EAAA Зеленый большой палец
# C3FDB8 Легкий нефрит
# CCFB5D Чай зеленый
# B1FB17 Желто-зеленый
# BCE954 Слизь зеленый
# EDDA74 Goldenrod
# EDE275 Урожайное золото
# FFE87C Солнце
# FFFF00 желтый
# FFF380 Кукуруза желтая
# FFFFC2 Пергамент
#FFFFCC Крем
# FFF8C6 Лимонный шифон
# FFF8DC Кукурузные рыльца
# F5F5DC Бежевый
# FBF6D9 Блондинка
# FAEBD7 AntiqueWhite
# F7E7CE шампанское
#FFEBCD BlanchedAlmond
# F3E5AB ваниль
# ECE5B6 Тан Браун
# FFE5B4 персик
# FFDB58 горчичный
# FFD801 Резиновый Ducky Yellow
# FDD017 Яркое золото
# EAC117 золотисто-коричневый
# F2BB66 Макароны с сыром
# FBB917 шафран
# FBB117 Пиво
# FFA62F Мускусная дыня
# E9AB17 Пчела Желтая
# E2A76F Коричневый сахар
# DEB887 BurlyWood
# FFCBA4 Глубокий персик
# C9BE62 Имбирь Браун
# E8A317 Школьный автобус желтый
# EE9A4D Сэнди Браун
# C8B560 Падение листьев
# D4A017 Оранжевое золото
# C2B280 песок
# C7A317 Коричневый Печенье
# C68E17 карамель
# B5A642 Латунь
# ADA96 в Хаки
# C19A6B Верблюд коричневый
# CD7F32 бронза
# C88141 Тигр Оранж
# C58917 корица
# AF9B60 Bullet Shell
# AF7817 Темный Goldenrod
# B87333 медь
# 966F33 Дерево
#806517 Дуб Браун
#827839 мокасин
# 827B60 Армия Браун
# 786D5F песчаник
# 493D26 кофе мокко
# 483C32 темно-серый
# 6F4E37 Кофе
# 835C3B Бурый медведь
# 7F5217 Красная грязь
# 7F462C сепия
# C47451 Оранжевый лосось
# C36241 Ржавчина
# C35817 Рыжая лиса
# C85A17 Шоколад
# CC6600 Sedona
# E56717 Папайя апельсин
# E66C2C Хэллоуин Оранж
# F87217 Тыква оранжевый
# F87431 Строительство Cone Orange
# E67451 Восход Оранжевый
# FF8040 Манго Оранж
# F88017 Темный оранжевый
# FF7F50 коралловый
# F88158 Баскетбол Оранжевый
# F9966B Легкий лосось
# E78A61 мандарин
# E18B6B Темный лосось
# E77471 Светлый коралл
# F75D59 Бин красный
# E55451 Валентин Красный
# E55B3C Шокирующий Оранжевый
# FF0000 красный
# FF2400 алый
# F62217 Рубиново-красный
# F70D1A Ferrari Red
# F62817 Пожарная машина
# E42217 Лава красный
# E41B17 Любовь Красная
# DC381F Грейпфрут
# C34A2C Честнат красный
# C24641 Черри красный
# C04000 красное дерево
# C11B17 Перец чили
# 9F000F Клюква
#990012 Красное вино
# 8C001A Бургундия
#954535 каштан
# 7E3517 Кроваво красный
# 8A4117 охра
# 7E3817 сангрия
#800517 огнеупорный кирпич
#810541 каштановый
# 7D0541 Сливочный пирог
# 7E354D Бархатный мрамор
# 7D0552 Слива бархат
# 7F4E52 Розовый Финч
# 7F5A58 красновато-коричневый
# 7F525D Тусклый фиолетовый
# B38481 Розовый Браун
# C5908E Хаки Роуз
# C48189 Розовый лук
# C48793 Губная помада Розовая
# E8ADAA Роза
# ECC5C0 Розовое золото
# EDC9AF Песок пустыни
# FDD7E4 Свинья Розовый
#FCDFFF Сахарная вата
#FFDFDD Розовая пузырьковая камедь
# FBBBB9 Туманная роза
#FAAFBE розовый
#FAAFBA Светло-розовый
# F9A7B0 Фламинго Розовый
# E7A1B0 Розовая роза
# E799A3 Розовая ромашка
# E38AAE Кадиллак Пинк
# F778A1 Гвоздика розовая
# E56E94 Румяна красные
# F660AB Ярко-розовый
# FC6C85 Арбуз розовый
# F6358A Фиолетовый Красный
# F52887 Темно-розовый
# E45E9D Розовый кекс
# E4287C Розовый лемонад
# F535AA Неоновый розовый
# FF00FF фуксин
# E3319D Dimorphotheca Magenta
# F433FF Яркий неоновый розовый
# D16587 Бледно-фиолетовый красный
# C25A7C Тюльпан Розовый
# CA226B Средний фиолетовый красный
# C12869 Розовый Розовый
# C12267 Утомленные розовые
# C25283 Застенчивый розовый
# C12283 Темная гвоздика Розовая
# B93B8F слива
# 7E587E Виола Фиолетовый
# 571B7E Фиолетовая радужка
#583759 Слива Фиолетовая
# 4B0082 Индиго
# 461B7E Фиолетовый монстр
# 4E387E Фиолетовый туман
#614051 Баклажан
# 5E5A80 виноград
# 6A287E Фиолетовый джем
# 7D1B7E Темная орхидея
# A74AC7 Фиолетовый цветок
# B048B5 Средняя орхидея
# 6C2DC7 Фиолетовый аметист
# 842DCE Темно-фиолетовый
# 8D38C9 Фиолетовый
# 7A5DC7 Фиолетовый мудрец Буш
# 7F38EC Прекрасный фиолетовый
#8E35EF Пурпурный
#893BFF Aztech Purple
#8467D7 Средний фиолетовый
#A23BEC Жасмин Фиолетовый
#B041FF Фиолетовый нарцисс
#C45AEC Тирьян Фиолетовый
#9172EC Крокус Фиолетовый
#9E7BFF Фиолетовая мимоза
#D462FF Гелиотроп Фиолетовый
#E238EC малиновый
#C38EC7 Фиолетовый дракон
#C8A2C8 Сирень
#E6A9EC Румяна Розовый
#E0B0FF розовато-лиловый
#C6AEC7 Вистерия Фиолетовый
#F9B7FF Цветущий Розовый
#D2B9D3 чертополох
#E9CFEC барвинок малый
#EBDDE2 Лаванда Пиноккио
#E3E4FA Лаванда синяя
#FDEEF4 жемчужный
#FFF5EE Морская ракушка
#FEFCFF Молочный белый
#FFFFFF белый

Код цвета HTML для #FF0000

Цвета, которые составляют # FF0000

W3C Название цвета: Красный
RGB: 255, 0, 0 — HSL: 0,00, 1,00, 0,50
CSS Сокращение: #F00
Web Safe Цвет: Да

Шестнадцатеричный цвет

Возможно также краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.

Символа # обозначает знак «числа».

Представление ключевыми словами, например green, black.
Во избежание случаев, когда указанное ключевое слово «не понимается» браузером, следует использовать лишь небольшой набор основных цветов, используемых во всех браузерах.

В виде rgb(*,*,*),
где «*» — числа от 0 до 255, обозначающих количество соответствующего цвета
(красный — Red, зелёный — Green , синий — Blue).

  • В виде rgba(*,*,*,*),
    где первые 3 «*» — компоненты цвета, задающиеся в диапазоне 0 до 255,
    а последняя «*» — уровень непрозрачности (альфа-канал), задающийся дробными числами от 0 до 1.

  • 1) Данный текст, как и весь остальной текст на всей странице, будет отображаться синим цветом.

    6. CSS — Цвета: форматы и коды

    Коды цветов в CSS используются для указания цвета. Как правило, коды цвета или цветовые значения используются для установки цвета либо для переднего плана элемента (например, цвет текста, ссылки), либо для фона элемента (цвет фона, блока). Они также могут использоваться для изменения цвета кнопки, границ, маркера, при наведении и других декоративных эффектов.

    Вы можете задать свои значения цвета в различных форматах. В следующей таблице перечислены все возможные форматы:

    Формат Синтаксис Пример
    Шестнадцатеричный код #00FF00 p
    Короткий шестнадцатеричный код #0F0 p
    RGB % rgb(rrr%,ggg%,bbb%) p
    RGB абсолютный rgb(rrr,ggg,bbb) p
    Ключевое слово green, white, black и т.д. p

    Ниже более подробно описаны перечисленные форматы.

    Содержание

    Цвета CSS — шестнадцатеричные коды

    Шестнадцатеричный код цвета — это шестизначное представление цвета. Первые две цифры (RR) — представляют собой красное значение, следующие две — это зеленое значение (GG), а последние — синее значение (BB).

    Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.

    Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.

    Цвет Шестнадцатеричный цвет
    Белый #FFFFFF
    Черный #000000
    Красный #FF0000
    Лайма #00FF00
    Синий #0000FF
    Желтый #FFFF00
    Морская волна #00FFFF
    Фуксия #FF00FF

    Цвета CSS — короткие шестнадцатеричные коды

    Короткий шестнадцатеричный код цвета — это более короткая форма шестизначной нотации. В этом формате каждая цифра повторяется, чтобы получить эквивалентное шестизначное значение цвета. Например: #0F0 становится #00FF00.

    Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.

    Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.

    Цвет Шестнадцатеричный цвет
    Белый #FFF
    Черный #000
    Красный #F00
    Лайма #0F0
    Синий #00F
    Желтый #FF0
    Морская волна #0FF
    Фуксия #F0F

    Цвета CSS — RGB значения

    RGB значение — это код цвета, который задается с помощью свойства rgb(). Это свойство принимает три значения: по одному для красного, зеленого и синего. Значение может быть целым числом, от 0 до 255, или процентом.

    Примечание: не все браузеры поддерживают свойство rgb() цвета, поэтому не рекомендуется его использовать.

    Ниже приведен пример, показывающий несколько цветов с использованием значений RGB.

    Цвет Шестнадцатеричный цвет
    Белый rgb(255, 255, 255)
    Черный rgb(0, 0, 0)
    Красный rgb(255, 0, 0)
    Лайма rgb(0, 255, 0)
    Синий rgb(0, 0, 255)
    Желтый rgb(255, 255, 0)
    Морская волна rgb(0, 255, 255)
    Фуксия rgb(255, 0, 255)

    Генератор цветовых кодов

    Вы можете создавать миллионы цветовых кодов с помощью нашего сервиса CSS цвета онлайн.

    Безопасные цвета браузера

    Ниже представлена таблица из 216 цветов, которые наиболее безопасные и независимые от компьютера. Эти цвета в CSS варьируются от 000000 до FFFFFF шестнадцатеричного кода. Они безопасны в использовании, поскольку гарантируют, что все компьютеры будут правильно отображать цвет при работе с 256 цветовой палитрой.

    Илон Маск рекомендует:  Что такое код echo
    Понравилась статья? Поделиться с друзьями:
    Кодинг, CSS и SQL