Цветовой код html: Цвета HTML. Таблица из 147 имён цветов для HTML и CSS — ColorScheme.Ru

Содержание

Цвета HTML. Таблица из 147 имён цветов для HTML и CSS — ColorScheme.Ru

HTML Имя ЦветаHEXRGB
Красные тона:
IndianRed#CD5C5C205, 92, 92
LightCoral#F08080240, 128, 128
Salmon#FA8072250, 128, 114
DarkSalmon#E9967A233, 150, 122
LightSalmon#FFA07A255, 160, 122
Crimson#DC143C220, 20, 60
Red#FF0000255, 0, 0
FireBrick#B22222178, 34, 34
DarkRed#8B0000139, 0, 0
Розовые тона:
Pink#FFC0CB255, 192, 203
LightPink#FFB6C1255, 182, 193
HotPink#FF69B4255, 105, 180
DeepPink#FF1493255, 20, 147
MediumVioletRed#C71585199, 21, 133
PaleVioletRed#DB7093219, 112, 147
Оранжевые тона:
LightSalmon#FFA07A255, 160, 122
Coral#FF7F50255, 127, 80
Tomato#FF6347255, 99, 71
OrangeRed#FF4500255, 69, 0
DarkOrange#FF8C00255, 140, 0
Orange#FFA500255, 165, 0
Жёлтые тона:
Gold#FFD700255, 215, 0
Yellow#FFFF00255, 255, 0
LightYellow#FFFFE0255, 255, 224
LemonChiffon#FFFACD255, 250, 205
LightGoldenrodYellow#FAFAD2250, 250, 210
PapayaWhip#FFEFD5255, 239, 213
Moccasin#FFE4B5255, 228, 181
PeachPuff#FFDAB9255, 218, 185
PaleGoldenrod#EEE8AA238, 232, 170
Khaki#F0E68C240, 230, 140
DarkKhaki#BDB76B189, 183, 107
Фиолетовые тона:
Lavender#E6E6FA230, 230, 250
Thistle#D8BFD8216, 191, 216
Plum#DDA0DD221, 160, 221
Violet#EE82EE238, 130, 238
Orchid#DA70D6218, 112, 214
Fuchsia#FF00FF255, 0, 255
Magenta#FF00FF255, 0, 255
MediumOrchid#BA55D3186, 85, 211
MediumPurple#9370DB147, 112, 219
BlueViolet#8A2BE2138, 43, 226
DarkViolet#9400D3148, 0, 211
DarkOrchid#9932CC153, 50, 204
DarkMagenta#8B008B139, 0, 139
Purple#800080128, 0, 128
Indigo#4B008275, 0, 130
SlateBlue#6A5ACD106, 90, 205
DarkSlateBlue#483D8B72, 61, 139
Коричневые тона:
Cornsilk#FFF8DC255, 248, 220
BlanchedAlmond#FFEBCD255, 235, 205
Bisque#FFE4C4255, 228, 196
NavajoWhite#FFDEAD255, 222, 173
Wheat#F5DEB3245, 222, 179
BurlyWood#DEB887222, 184, 135
Tan#D2B48C210, 180, 140
RosyBrown#BC8F8F188, 143, 143
SandyBrown#F4A460244, 164, 96
Goldenrod#DAA520218, 165, 32
DarkGoldenRod#B8860B184, 134, 11
Peru#CD853F205, 133, 63
Chocolate#D2691E210, 105, 30
SaddleBrown#8B4513139, 69, 19
Sienna#A0522D160, 82, 45
Brown#A52A2A165, 42, 42
Maroon#800000128, 0, 0
Основные цвета:
Black#0000000, 0, 0
Gray#808080128, 128, 128
Silver#C0C0C0192, 192, 192
White#FFFFFF255, 255, 255
Fuchsia#FF00FF255, 0, 255
Purple#800080128, 0, 128
Red#FF0000255, 0, 0
Maroon#800000128, 0, 0
Yellow#FFFF00255, 255, 0
Olive#808000128, 128, 0
Lime#00FF000, 255, 0
Green#0080000, 128, 0
Aqua#00FFFF0, 255, 255
Teal#0080800, 128, 128
Blue#0000FF0, 0, 255
Navy#0000800, 0, 128
HTML Имя ЦветаHEXRGB
Зелёные тона:
GreenYellow#ADFF2F173, 255, 47
Chartreuse#7FFF00127, 255, 0
LawnGreen#7CFC00124, 252, 0
Lime#00FF000, 255, 0
LimeGreen#32CD3250, 205, 50
PaleGreen#98FB98152, 251, 152
LightGreen#90EE90144, 238, 144
MediumSpringGreen#00FA9A0, 250, 154
SpringGreen#00FF7F0, 255, 127
MediumSeaGreen#3CB37160, 179, 113
SeaGreen#2E8B5746, 139, 87
ForestGreen#228B2234, 139, 34
Green#0080000, 128, 0
DarkGreen#0064000, 100, 0
YellowGreen#9ACD32154, 205, 50
OliveDrab#6B8E23107, 142, 35
Olive#808000128, 128, 0
DarkOliveGreen#556B2F85, 107, 47
MediumAquamarine#66CDAA102, 205, 170
DarkSeaGreen#8FBC8F143, 188, 143
LightSeaGreen#20B2AA32, 178, 170
DarkCyan#008B8B0, 139, 139
Teal#0080800, 128, 128
Синие тона:
Aqua#00FFFF0, 255, 255
Cyan#00FFFF0, 255, 255
LightCyan#E0FFFF224, 255, 255
PaleTurquoise#AFEEEE175, 238, 238
Aquamarine#7FFFD4127, 255, 212
Turquoise#40E0D064, 224, 208
MediumTurquoise#48D1CC72, 209, 204
DarkTurquoise#00CED10, 206, 209
CadetBlue#5F9EA095, 158, 160
SteelBlue#4682B470, 130, 180
LightSteelBlue#B0C4DE176, 196, 222
PowderBlue#B0E0E6176, 224, 230
LightBlue#ADD8E6173, 216, 230
SkyBlue#87CEEB135, 206, 235
LightSkyBlue#87CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
DodgerBlue#1E90FF30, 144, 255
CornflowerBlue#6495ED100, 149, 237
MediumSlateBlue#7B68EE123, 104, 238
RoyalBlue#4169E165, 105, 225
Blue#0000FF0, 0, 255
MediumBlue#0000CD0, 0, 205
DarkBlue#00008B0, 0, 139
Navy#0000800, 0, 128
MidnightBlue#19197025, 25, 112
Белые тона:
White#FFFFFF255, 255, 255
Snow#FFFAFA255, 250, 250
Honeydew#F0FFF0240, 255, 240
MintCream#F5FFFA245, 255, 250
Azure#F0FFFF240, 255, 255
AliceBlue#F0F8FF240, 248, 255
GhostWhite#F8F8FF248, 248, 255
WhiteSmoke#F5F5F5245, 245, 245
Seashell#FFF5EE255, 245, 238
Beige#F5F5DC245, 245, 220
OldLace#FDF5E6253, 245, 230
FloralWhite#FFFAF0255, 250, 240
Ivory#FFFFF0255, 255, 240
AntiqueWhite#FAEBD7250, 235, 215
Linen#FAF0E6250, 240, 230
LavenderBlush#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
Серые тона:
Gainsboro#DCDCDC220, 220, 220
LightGrey#D3D3D3211, 211, 211
LightGray#D3D3D3211, 211, 211
Silver#C0C0C0192, 192, 192
DarkGray#A9A9A9169, 169, 169
DarkGrey#A9A9A9169, 169, 169
Gray#808080128, 128, 128
Grey#808080128, 128, 128
DimGray#696969105, 105, 105
DimGrey#696969105, 105, 105
LightSlateGray#778899119, 136, 153
LightSlateGrey#778899119, 136, 153
SlateGray#708090112, 128, 144
SlateGrey#708090112, 128, 144
DarkSlateGray#2F4F4F47, 79, 79
DarkSlateGrey#2F4F4F47, 79, 79
Black#0000000, 0, 0

Таблица цветов html, палитра, названия цветов

Таблица (палитра) цветов html предоставляет вам возможность самостоятельно подобрать нужный вам тон. Значение цвета отображается в трех форматах: Hex, RGB и HSV.

  • Hex состоит из трех двух символьных значений в шестнадцатеричной системе счисления. Например: #ff00b3, где первая пара чисел — красный, вторая — зеленый, а третья — синий.
  • RGB (RedGreenBlue) имеет вид «200,100,255», обозначающее количество соответствующего тона(красный,зеленый,синий) в получаемом цвете.
  • HSV (Hue, Saturation, Value — тон, насыщенность, значение) — цветовая модель, в которой в качестве координат являются:
    • Hue — цветовой тон, может варьироваться в пределах от 0° до 360°.
    • Saturation — насыщенность, варьируется в пределах 0—100 или 0—1. Чем больше этот параметр, тем «чище» цвет, поэтому этот параметр иногда называют чистотой цвета. А чем ближе этот параметр к нулю, тем ближе цвет к нейтральному серому.
    • Value (значение цвета) — задает яркость, значение так же может варьироваться в пределах 0—100 или 0—1.

Введите код цвета: GO

Список цветов с названиями

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

Название цвета HEX Цвет
Black#000000 
Navy#000080 
DarkBlue#00008B 
MediumBlue#0000CD 
Blue#0000FF 
DarkGreen#006400 
Green#008000 
Teal#008080 
DarkCyan#008B8B 
DeepSkyBlue#00BFFF 
DarkTurquoise#00CED1 
MediumSpringGreen#00FA9A 
Lime#00FF00 
SpringGreen#00FF7F 
Aqua#00FFFF 
Cyan#00FFFF 
MidnightBlue#191970 
DodgerBlue#1E90FF 
LightSeaGreen#20B2AA 
ForestGreen#228B22 
SeaGreen#2E8B57
 
DarkSlateGray#2F4F4F 
LimeGreen#32CD32 
MediumSeaGreen#3CB371 
Turquoise#40E0D0 
RoyalBlue#4169E1 
SteelBlue#4682B4 
DarkSlateBlue#483D8B 
MediumTurquoise#48D1CC 
Indigo#4B0082 
DarkOliveGreen#556B2F 
CadetBlue#5F9EA0 
CornflowerBlue#6495ED 
MediumAquaMarine#66CDAA 
DimGray#696969 
SlateBlue#6A5ACD 
OliveDrab#6B8E23 
SlateGray#708090 
LightSlateGray#778899 
MediumSlateBlue#7B68EE 
LawnGreen#7CFC00 
Chartreuse#7FFF00 
Aquamarine#7FFFD4 
Maroon#800000 
Purple#800080 
Olive#808000 
Gray#808080 
SkyBlue#87CEEB 
LightSkyBlue#87CEFA 
BlueViolet#8A2BE2 
DarkRed#8B0000 
DarkMagenta
#8B008B
 
SaddleBrown#8B4513 
DarkSeaGreen#8FBC8F 
LightGreen#90EE90 
MediumPurple#9370D8 
DarkViolet#9400D3 
PaleGreen#98FB98 
DarkOrchid#9932CC 
YellowGreen#9ACD32 
Sienna#A0522D 
Brown#A52A2A 
DarkGray#A9A9A9 
LightBlue#ADD8E6 
GreenYellow#ADFF2F 
PaleTurquoise#AFEEEE 
LightSteelBlue#B0C4DE 
PowderBlue#B0E0E6 
FireBrick#B22222 
DarkGoldenRod#B8860B 
MediumOrchid#BA55D3 
RosyBrown#BC8F8F 
DarkKhaki#BDB76B 
Silver#C0C0C0 
MediumVioletRed#C71585 
IndianRed#CD5C5C 
Peru#CD853F 
Chocolate#D2691E 
Tan#D2B48C 
LightGray#D3D3D3 
PaleVioletRed#D87093 
Thistle#D8BFD8 
Orchid#DA70D6 
GoldenRod#DAA520 
Crimson#DC143C 
Gainsboro#DCDCDC 
Plum#DDA0DD 
BurlyWood#DEB887 
LightCyan#E0FFFF 
Lavender#E6E6FA 
DarkSalmon#E9967A 
Violet#EE82EE 
PaleGoldenRod#EEE8AA 
LightCoral#F08080 
Khaki#F0E68C 
AliceBlue#F0F8FF 
HoneyDew#F0FFF0 
Azure#F0FFFF 
SandyBrown #F4A460 
Wheat#F5DEB3 
Beige#F5F5DC 
WhiteSmoke#F5F5F5 
MintCream#F5FFFA 
GhostWhite#F8F8FF 
Salmon#FA8072 
AntiqueWhite#FAEBD7 
Linen#FAF0E6 
LightGoldenRodYellow#FAFAD2 
OldLace#FDF5E6 
Red#FF0000 
Fuchsia#FF00FF 
Magenta#FF00FF 
DeepPink#FF1493 
OrangeRed#FF4500 
Tomato#FF6347 
HotPink#FF69B4 
Coral#FF7F50 
Darkorange#FF8C00 
LightSalmon#FFA07A 
Orange#FFA500 
LightPink#FFB6C1 
Pink#FFC0CB 
Gold#FFD700 
PeachPuff#FFDAB9 
NavajoWhite#FFDEAD 
Moccasin#FFE4B5 
Bisque#FFE4C4 
MistyRose#FFE4E1 
BlanchedAlmond#FFEBCD 
PapayaWhip#FFEFD5 
LavenderBlush#FFF0F5 
SeaShell#FFF5EE 
Cornsilk#FFF8DC 
LemonChiffon#FFFACD 
FloralWhite#FFFAF0 
Snow#FFFAFA 
Yellow#FFFF00 
LightYellow#FFFFE0 
Ivory#FFFFF0 
White#FFFFFF 

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

Все стандартные цвета – их названия, HEX коды и RGB значения.

1

Основные цвета

Черный Black #000000 rgb(0,0,0)
Серый Gray #808080 rgb(128,128,128)
Серебряный Silver #c0c0c0 rgb(192,192,192)
Белый White #ffffff rgb(255,255,255)
Фуксия, Маджента Fuchsia,Magenta #ff00ff rgb(255,0,255)
Пурпурный Purple #800080 rgb(128,0,128)
Красный Red #ff0000 rgb(255,0,0)
Коричнево-малиновый Maroon #800000 rgb(128,0,0)
Жёлтый Yellow #ffff00 rgb(205,92,92)
Оливковый Olive #808000 rgb(240,128,128)
Лайм Lime #00ff00 rgb(250,128,114)
Зелёный Green #008000 rgb(233,150,122)
Цвет морской волны Aqua #00ffff rgb(205,92,92)
Окраски птицы чирок Teal #008080 rgb(240,128,128)
Синий Blue #0000ff rgb(250,128,114)
Форма морских офицеров Navy #000080 rgb(233,150,122)

2

Серые тона

Дымчато-белый WhiteSmoke #f5f5f5 rgb(245,245,245)
Гейнсборо Gainsboro #dcdcdc rgb(220,220,220)
Светло серый LightGrey,LightGray #d3d3d3 rgb(211,211,211)
Серебряный Silver #c0c0c0 rgb(192,192,192)
Темно серый DarkGray,DarkGrey #a9a9a9 rgb(169,169,169)
Серый Gray,Grey #808080 rgb(128,128,128)
Тусклый серый DimGray,DimGrey #696969 rgb(105,105,105)
Светлый аспидно-серый LightSlateGray,LightSlateGrey #778899 rgb(119,136,153)
Серый шифер SlateGray,SlateGrey #708090 rgb(112,128,144)
Аспидно-серый DarkSlateGray,DarkSlateGrey #2f4f4f rgb(47,79,79)
Чёрный Black #000000 rgb(0,0,0)

3

Красные тона

Светло-коралловый LightCoral #f08080 rgb(240,128,128)
Лососевый Salmon #fa8072 rgb(250,128,114)
Тёмно-лососёвый DarkSalmon #e9967a rgb(233,150,122)
Светло-лососёвый LightSalmon #ffa07a rgb(255,160,122)
Малиновый Crimson #dc143c rgb(220,20,60)
Красный Red #ff0000 rgb(255,0,0)
Индийский красный IndianRed #cd5c5c rgb(205,92,92)
Кирпичный FireBrick #b22222 rgb(178,34,34)
Коричнево-бордовый Brown #a52a2a rgb(165,42,42)
Тёмно-красный DarkRed #8b0000 rgb(139,0,0)
Коричнево-малиновый Maroon #800000 rgb(128,0,0)

4

Оранжевые тона

Цвет морской раковины Seashell #fff5ee rgb(255,245,238)
Бежевый Beige #f5f5dc rgb(245,245,220)
Старое кружево OldLace #fdf5e6 rgb(253,245,230)
Цветочный белый FloralWhite #fffaf0 rgb(255,250,240)
Белый антик AntiqueWhite #faebd7 rgb(250,235,215)
Льняной Linen #faf0e6 rgb(250,240,230)
Очищенный миндаль BlanchedAlmond #ffebcd rgb(255,235,205)
Бисквитный Bisque #ffe4c4 rgb(255,228,196)
Белый навахо NavajoWhite #ffdead rgb(255,222,173)
Пшеничный Wheat #f5deb3 rgb(245,222,179)
Плотная древесина BurlyWood #deb887 rgb(222,184,135)
Цвет загара Tan #d2b48c rgb(210,180,140)
Красный песок SandyBrown #f4a460 rgb(244,164,96)
Золотисто-березовый Goldenrod #daa520 rgb(218,165,32)
Тёмный золотарник DarkGoldenRod #b8860b rgb(184,134,11)
Перу Peru #cd853f rgb(205,133,63)
Шоколадный Chocolate #d2691e rgb(210,105,30)
Кожаного седла для лошади SaddleBrown #8b4513 rgb(139,69,19)
Сиена Sienna #a0522d rgb(160,82,45)
Светлый сомон LightSalmon #ffa07a rgb(255,160,122)
Коралловый Coral #ff7f50 rgb(255,127,80)
Томатный Tomato #ff6347 rgb(255,99,71)
Оранжево-красный OrangeRed #ff4500 rgb(255,69,0)
Тёмно-оранжевый DarkOrange #ff8c00 rgb(255,140,0)
Оранжевый Orange #ffa500 rgb(255,165,0)

5

Жёлтые тона

Цвет пестиков неспелой кукурузы Cornsilk #fff8dc rgb(255,248,220)
Слоновая кость Ivory #fffff0 rgb(255,255,240)
Светло-жёлтый LightYellow #ffffe0 rgb(255,255,224)
Лимонно-кремовый LemonChiffon #fffacd rgb(255,250,205)
Светло-жёлтый золотистый LightGoldenrodYellow #fafad2 rgb(250,250,210)
Побег папайи PapayaWhip #ffefd5 rgb(255,239,213)
Мокасиновый Moccasin #ffe4b5 rgb(255,228,181)
Тёмно-персиковый PeachPuff #ffdab9 rgb(255,218,185)
Бледно-золотистый PaleGoldenrod #eee8aa rgb(238,232,170)
Светлый хаки Khaki #f0e68c rgb(240,230,140)
Тёмный хаки DarkKhaki #bdb76b rgb(189,183,107)
Жёлтый Yellow #ffff00 rgb(255,255,0)
Золотой Gold #ffd700 rgb(255,215,0)

6

Зелёные тона

Медовая роса Honeydew #f0fff0 rgb(240,255,240)
Мятно-кремовый MintCream #f5fffa rgb(245,255,250)
Зелёно-жёлтый GreenYellow #adff2f rgb(173,255,47)
Шартрёз Chartreuse #7fff00 rgb(127,255,0)
Зелёная лужайка LawnGreen #7cfc00 rgb(124,252,0)
Лайм Lime #00ff00 rgb(0,255,0)
Лаймово-зелёный LimeGreen #32cd32 rgb(50,205,50)
Бледный зелёный PaleGreen #98fb98 rgb(152,251,152)
Светло-зелёный LightGreen #90ee90 rgb(144,238,144)
Умеренный весенний зелёный MediumSpringGreen #00fa9a rgb(0,250,154)
Весенне-зелёный SpringGreen #00ff7f rgb(0,255,127)
Умеренно-зелёное море MediumSeaGreen #3cb371 rgb(60,179,113)
Зелёное море SeaGreen #2e8b57 rgb(46,139,87)
Лесной зелёный ForestGreen #228b22 rgb(34,139,34)
Зелёный Green #008000 rgb(0,128,0)
Очень тёмный лимонный зеленый DarkGreen #006400 rgb(0,100,0)
Жёлто-зелёный YellowGreen #9acd32 rgb(154,205,50)
Нежно-оливковый OliveDrab #6b8e23 rgb(107,142,35)
Оливковый Olive #808000 rgb(128,128,0)
Тёмный оливково-зеленый DarkOliveGreen #556b2f rgb(85,107,47)
Умеренный аквамариновый MediumAquamarine #66cdaa rgb(102,205,170)
Тёмное зелёное море DarkSeaGreen #8fbc8f rgb(143,188,143)
Светлое зелёное море LightSeaGreen #20b2aa rgb(32,178,170)
Тёмный циан DarkCyan #008b8b rgb(0,139,139)
Окраски птицы чирок Teal #008080 rgb(0,128,128)

7

Синие тона

Небесная лазурь Azure #f0ffff rgb(240,255,255)
Синяя Элис AliceBlue #f0f8ff rgb(240,248,255)
Светлый циан LightCyan #e0ffff rgb(224,255,255)
Циан,цвет морской волны Cyan,Aqua #00ffff rgb(0,255,255)
Аквамариновый Aquamarine #7fffd4 rgb(127,255,212)
Светло-бирюзовый Turquoise #40e0d0 rgb(64,224,208)
Умеренно-бирюзовый MediumTurquoise #48d1cc rgb(72,209,204)
Тёмно-бирюзовый DarkTurquoise #00ced1 rgb(0,206,209)
Бледно-синий PaleTurquoise #afeeee rgb(175,238,238)
Пыльный голубой PowderBlue #b0e0e6 rgb(176,224,230)
Светлый синий LightBlue #add8e6 rgb(173,216,230)
Светлый стальной синий LightSteelBlue #b0c4de rgb(176,196,222)
Городское небо SkyBlue #87ceeb rgb(135,206,235)
Светло-голубой LightSkyBlue #87cefa rgb(135,206,250)
Морозное небо DeepSkyBlue #00bfff rgb(0,191,255)
Защитно-синий DodgerBlue #1e90ff rgb(30,144,255)
Васильковый CornflowerBlue #6495ed rgb(100,149,237)
Умеренный аспидно-синий MediumSlateBlue #7b68ee rgb(123,104,238)
Кадетский синий CadetBlue #5f9ea0 rgb(95,158,160)
Синяя сталь SteelBlue #4682b4 rgb(70,130,180)
Королевский синий RoyalBlue #4169e1 rgb(65,105,225)
Синий Blue #0000ff rgb(0,0,255)
Средний синий MediumBlue #0000cd rgb(0,0,205)
Тёмный ультрамариновый DarkBlue #00008b rgb(0,0,139)
Формы морских офицеров Navy #000080 rgb(0,0,128)
Полуночный чёрный MidnightBlue #191970 rgb(25,25,112)
Аспидно-синий SlateBlue #6a5acd rgb(106,90,205)
Тёмный аспидно-синий DarkSlateBlue #483d8b rgb(72,61,139)

8

Фиолетовые тона

Призрачно-белый GhostWhite #f8f8ff rgb(248,248,255)
Лаванда Lavender #e6e6fa rgb(230,230,250)
Чертополох Thistle #d8bfd8 rgb(216,191,216)
Светлая слива Plum #dda0dd rgb(221,160,221)
Розово-фиолетовый Violet #ee82ee rgb(238,130,238)
Орхидея Orchid #da70d6 rgb(218,112,214)
Фуксия,Маджента Fuchsia,Magenta #ff00ff rgb(255,0,255)
Умеренный фиолетово-красный MediumVioletRed #c71585 rgb(199,21,133)
Умеренный цвет орхидеи MediumOrchid #ba55d3 rgb(186,85,211)
Умеренный пурпурный MediumPurple #9370db rgb(147,112,219)
Сине-лиловый BlueViolet #8a2be2 rgb(138,43,226)
Тёмно-фиолетовый DarkViolet #9400d3 rgb(148,0,211)
Тёмная орхидея DarkOrchid #9932cc rgb(153,50,204)
Тёмный маджента DarkMagenta #8b008b rgb(139,0,139)
Пурпурный Purple #800080 rgb(128,0,128)
Индиго Indigo #4b0082 rgb(75,0,130)

9

Розовые тона

Белоснежный Snow #fffafa rgb(255,250,250)
Розово-лавандовый LavenderBlush #fff0f5 rgb(255,240,245)
Тускло-розовый MistyRose #ffe4e1 rgb(255,228,225)
Розовый Pink #ffc0cb rgb(255,192,203)
Светло-розовый LightPink #ffb6c1 rgb(255,182,193)
Ярко-розовый HotPink #ff69b4 rgb(255,105,180)
Глубокий розовый DeepPink #ff1493 rgb(255,20,147)
Лиловый PaleVioletRed #db7093 rgb(219,112,147)
Розово-коричневый RosyBrown #bc8f8f rgb(188,143,143)

Таблица 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 и CSS коде, подбор RGB оттенков в таблицах, выдаче Яндекса и других программах

Обновлено 19 мая 2021
  1. Коды и таблица базовых RGB цветов
  2. Яндекс Цвета — подбор RGB палитры оттенков
  3. Использование кодов и названий цветов на сайте
  4. Программы для захвата цвета с экрана

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Я продолжаю публиковать статьи в рубрике «HTML для чайников». Сегодня хочу поговорить про цвета в HTML и CSS коде, пояснить для тех, кто еще не в курсе, как можно их задать, каким образом они формируются, как для поиска или захвата нужного колора использовать специально предназначенные для этого программы и многое другое.

Вопрос задания нужного оттенка может быть особенно актуален для начинающих вебмастеров, когда не совсем понятны приводимые в web документе их коды (например, #f3af6c) и не понятно каким образом и откуда можно будет взять эту информацию (где найти таблицы Html и CSS цветов), и как их использовать для оформления текстового или какого-либо другого блока web документа.

Позволю себе вам напомнить, что мы уже успели познакомиться с основополагающими принципами, используемыми в языке гипертекстовой разметки. Так же мы уже рассмотрели теги img и гиперссылки, узнали, как создается таблица, узнали много вариантов создания Html форм и то, как осуществлять верстку сайта.

Коды и таблица базовых RGB цветов

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

В модели RGB используются только три цвета (понятно, что это красный, зеленый и синий), каждый из которых может быть представлен с разным уровнем яркости свечения. Для каждого из каналов (красный, зеленый и синий) можно будет выбрать одну из 256 возможных градаций яркости. Число 256 взято по той причине, что столько значений оттенков можно закодировать в одном байте информации.

Соответственно, для своего web документа мы можем выбрать любой оттенок из огромного количества возможных (256*256*256). Например, для получения черного цвета нужно, чтобы у всех трех каналов цветовой схемы было нулевое значение яркости, а для получения белого — красный, зеленый и синий цвета должны иметь максимальную яркость.

Давайте теперь попробуем разобраться, как задать яркость в каждом канале и сколько у нас есть для этого возможностей?

На самом деле, есть два основных способа:

  1. задание с помощью записи яркости по каждому из каналов (красному, зеленому и синему) в шестнадцатеричной системе счисления
  2. задание с помощью ввода названия цвета в коде web документа

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

Но в шестнадцатеричной системе счисления кроме арабских цифр используются еще и первые шесть букв латинского алфавита, ну и есть своя специфика формирования цифр. Углубляться в это, думаю, не стоит, но для примера скажу, что белый для Html можно будет задать так: #ffffff, а черный так: #000000. Т.е. 00 соответствует 0 в десятичной системе счисления, а ff соответствует 256.

Т.е. на каждый канал RGB цвета в CSS коде отводится две шестнадцатеричных цифры, поэтому записи значения цвета состоят из шести цифр (или букв, которые приравнены к цифрам в шестнадцатеричной системе), перед которыми ставится знак решетки «#». Все довольно просто.

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

ОттенокШестнадцатиричная запись
Желтый#ffff00
Зеленый#008000
Белый#ffffff
Красный#ff0000
Серый#808080
Синий#0000ff
Черный#000000

Естественно, что вы не обязаны сами придумывать и сопоставлять шестнадцатиричные коды оттенков с теми, что вы хотите увидеть на своем интернет проекте. Подбирать колор для сайта вы можете в любом графическом редакторе (даже в бесплатном онлайн-редакторе Pixlr Editor), где вам обязательно покажут запись этого оттенка в формате RGB, или найти таблицу Html цветов и скопировать нужный вам код оттуда.

Яндекс Цвета — подбор RGB палитры оттенков в выдаче Yandex

Не хотите использовать для этой цели графический редактор или искать таблицу с кодами? Нет проблем. Прокрутите немного вниз эту страницу и вы найдете массу специфических и заточенных именно для работы с цветом в Html или CSS коде программ.

Если и это вам не подходит, то откройте просто Яндекс и введите в поисковую строку запрос с названием того оттенка, который вам интересен (хотя, можно ввести просто: серобуромалиновый).

В результате, в самом верху поисковой выдачи, вы увидите очень удобную палитру-таблицу Яндекс.Цвета для подбора колора для своего сайта. В правом нижнем углу этой палитры вы сможете скопировать шестнадцатеричный код нужного вам оттенка (перед ним стоит решетка), который потом останется только вставить в нужное место вашего web документа.

Все это реализуется благодаря так называемому «колдунщику» Яндекса, который призван помочь верстальщикам и дизайнерам.

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

Собственно, этот инструмент может пригодиться и обычным пользователям интернета, например, для того, чтобы понять, как же все-таки будет выглядеть мебель оттенка сер-бур-малин-в-крапинку.

Некоторые цвета в языке гипертекстовой разметки могут быть заданны с помощью слов, например, «black» означает черный, «white» — белый и т.д. Но тут есть один нюанс. Задание колора, таким образом, возможно только для ограниченного их числа.

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

Во-вторых, в валидаторе W3C для спецификации языка гипертекстовой разметки 4.01 (ее в полной мере поддерживают все возможные браузеры на текущий момент) определено только 16 колоров, которые в Html или CSS коде можно задавать словами:

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

Поэтому, кроме приведенной чуть выше таблицы 16 базовых оттенков, все остальные цвета следует задавать в коде web документов только с помощью шестнадцатеричной записи, во избежании никому не нужных эксцессов.

Использование кодов и названий цветов в вебмастеринге

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

Поэтому я все же приведу пример задания цвета в Html, хотя при этом и будут использоваться уже не рекомендованные валидатором W3C теги. Например, раньше колор для фона задавали в теге «BODY» через атрибут «bgcolor», а текст раскрашивали сразу на всей вебстранице с помощью атрибута «text».

Задание нужных оттенков в таком случае могло выглядеть, например, так:

<body text="navy">Содержимое документа</body>

В результате вы получите вебстраницу с бежевым фоном и темно-синим шрифтом. До того, как CSS вошел в обиход, для изменения цвета шрифта какого-либо отдельного участка текста повсеместно использовали сейчас уже не рекомендуемый валидатором W3C тег «SPAN», в который для задания колора включали правило «color»:

<span>участок текста, который нужно было окрасить в синий колор</span>

Для того, чтобы увидеть результат работы написанного кода на экране, вам нужно сохранить этот файл с расширением html, а затем открыть его в любом удобном для вас браузере.

Сейчас для того, чтобы верстка вашего сайта считалась валидной, рекомендуют задавать цвета элементов в таблице каскадных стилей через соответствующие правила и свойства. Правила такой вставки в CSS ничем не отличаются от описанных выше.

Как вы можете видеть, иногда для сокращения записи оттенка используют не шесть знаков, а только три, в том случае, если они совпадают для каждого канала — «#6с0» вместо «#66сс00».

Выбор цвета из палитры специальной программы или захват его с экрана

Как я уже писал чуть выше, повсеместно используется RGB (красный, зеленый, синий) цветовая схема. Для каждого из трех основных колоров предусмотрено 256 градаций – от 0 до 255 (если перевести эти значения в шестнадцатеричную систему счисления, то получим – от 00 до FF).

Т.к. у нас три основных колора, из комбинации которых формируются все остальные оттенки, то шестнадцатиричная запись будет иметь примерно такой вид: 99FF66 (оттенок зеленого). Добавив перед ним # получим код #99FF66, который можно использовать как в Html, так и в стилевых файлах. Само собой разумеется, что вы сами не должны вычислять и помнить всю эту абрукадабру.

Для этого можно воспользоваться специальной программой, позволяющей выбрать нужный оттенок на палитре (или захватить его с экрана инструментом типа пипетки) и тут же получить его код. Можно и не иметь программы, а зайти на Яндекс и набрать в строке запроса название любого цвета (об этом я писал чуть выше).

Вот список программ, которые позволяют все это реализовать в полной мере:

  1. ColorPic
  2. ColorMania
  3. Contrast Analyser 2.0
  4. Absolute Color Picker
  5. Just Color Picker
Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Цвет | htmlbook.ru

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

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

Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа от 10 до 15 заменены латинскими буквами. В табл. 1 приведено соответствие десятичных и шестнадцатеричных чисел.

Табл. 1. Десятичные и шестнадцатеричные числа меньше 16
Десятичные 123456789101112131415
Шестнадцатеричные123456789ABCDEF

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно (табл. 2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.

Табл. 2. Десятичные и шестнадцатеричные числа больше 16
Десятичные16171819202122232425262728
Шестнадцатеричные101112131415161718191A1B1C

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

Типичный цвет, используемый в HTML, выглядит следующим образом.

<body bgcolor="#fa8e47">

Здесь цвет фона веб-страницы задан как #fa8e47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (fa) определяют красную составляющую цвета, цифры с третьей по четвертую (8e) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.

Чтобы легче ориентироваться в шестнадцатеричных цветах, примите во внимание некоторые правила.

  • Если значения компонент цвета одинаковы (например: #d6d6d6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #ffffff (белый).
  • Ярко-красный цвет образуется, если красный компонент сделать максимальным (ff), а остальные компоненты обнулить. Цвет со значением #ff0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00ff00) и синим (#0000ff).
  • Желтый цвет (#ffff00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 1), где представлены основные цвета (красный, зеленый, синий) и комплиментарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00ffff) получается за счет объединения синего и зеленого цвета.

Рис. 1. Цветовой круг

Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop. На рис. 2 показано окно для выбора цвета в этой программе, линией обведено полученное шестнадцатеричное значение текущего цвета. Его можно скопировать и вставить к себе в код.

Рис. 2. Окно для выбора цвета в программе Photoshop

Веб-цвета

Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселов других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей — красной, зеленой и синей, устанавливается одно из шести значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 — 216 цветов. Пример веб-цвета — #33ff66.

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

Цвета по названию

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

Табл. 3. Названия некоторых цветов
Имя цвета ЦветОписаниеШестнадцатеричное значение
aqua Голубой#00ffff
black Черный#000000
blue Синий#0000ff
fuchsia Фуксия#ff00ff
gray Серый#808080
green Зеленый#008000
lime Светло-зеленый#00ff00
maroon Темно-красный#800000
navy Темно-синий#000080
olive Оливковый#808000
purple Фиолетовый#800080
red Красный#ff0000
silver Светло-серый#c0c0c0
teal Сине-зеленый#008080
white Белый#ffffff
yellow Желтый#ffff00

Цвет | htmlbook.ru

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

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

Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа от 10 до 15 заменены латинскими буквами. В табл. 6.1 приведено соответствие десятичных и шестнадцатеричных чисел.

Табл. 6.1. Десятичные и шестнадцатеричные числа меньше 16
Десятичные 0123456789101112131415
Шестнадцатеричные0123456789ABCDEF

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно (табл. 6.2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.

Табл. 6.2. Десятичные и шестнадцатеричные числа больше 16
Десятичные16171819202122232425262728
Шестнадцатеричные101112131415161718191A1B1C

Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. При этом регистр значения не имеет, поэтому допустимо писать #F0F0F0 или #f0f0f0.

Типичный цвет, используемый в HTML, выглядит следующим образом.

<body bgcolor="#fa8e47">

Здесь цвет фона веб-страницы задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.

Чтобы легче ориентироваться в шестнадцатеричных цветах, примите во внимание некоторые правила.

  • Если значения компонент цвета одинаковы (например: #D6D6D6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый).
  • Ярко-красный цвет образуется, если красный компонент сделать максимальным (FF), а остальные компоненты обнулить. Цвет со значением #FF0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00FF00) и синим (#0000FF).
  • Желтый цвет (#FFFF00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 6.1), где представлены основные цвета (красный, зеленый, синий) и комплементарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00FFFF) получается за счет объединения синего и зеленого цвета.

Рис. 6.1. Цветовой круг

Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop. На рис. 6.2 показано окно для выбора цвета в этой программе, линией обведено полученное шестнадцатеричное значение текущего цвета. Его можно скопировать и вставить к себе в код.

Рис. 6.2. Окно для выбора цвета в программе Photoshop

Веб-цвета

Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселов других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей которых — красной, зеленой и синей — устанавливается одно из шести значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 — 216 цветов. Пример веб-цвета — #33FF66.

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

Цвета по названию

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

Табл. 6.3. Названия некоторых цветов
Имя цвета ЦветОписаниеШестнадцатеричное значение
black Черный#000000
blue Синий#0000FF
fuchsia Светло-фиолетовый#FF00FF
gray Темно-серый#808080
green Зеленый#008000
lime Светло-зеленый#00FF00
maroon Темно-красный#800000
navy Темно-синий#000080
olive Оливковый#808000
purple Темно-фиолетовый#800080
red Красный#FF0000
silver Светло-серый#C0C0C0
teal Сине-зеленый#008080
white Белый#FFFFFF
yellow Желтый#FFFF00

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

Пример 6.1. Цвет фона и текста

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Цвета</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 </head>
 <body bgcolor="teal" text="#ffffff">
  <p>Пример текста</p>
 </body>
</html>

В данном примере цвет фона задается с помощью атрибута bgcolor тега <body>, а цвет текста через атрибут text. Для разнообразия значение у атрибута text установлено в виде шестнадцатеричного числа, а у bgcolor с помощью зарезервированного ключевого слова teal.

🎨 Цветовые коды HTML

шестнадцатеричный:

RGB: rgb (102 232 232)

HSL: HSL (232,232,232)

  • #FFFFFF

    RGB (255,255,255)

    белый

  • # C0C0C0

    RGB (192,192,192

    )

    серебро

  • # 808080

    RGB (128,128,128)

    серый

  • # 800000

    RGB (128,0,0)

    бордовый

  • # 800080

    RGB (128,0,128)

    фиолетовый

  • # FF00FF

    RGB (255,0,255)

    фуксия

  • # 008000

    RGB (0,128,0)

    зеленый

  • # 00FF00

    RGB (0,255,0)

    лайм

  • # 808000

    RGB (128,128,0)

    оливковый

  • # FFFF00

    RGB (255,255,0)

    желтый

  • # 000080

    гб (0,0,128)

    военно-морской флот

  • # 0000FF

    гб (0,0,255)

    синий

  • # 008080

    RGB (0,128,128)

    бирюзовый

  • # 00FFFF

    гб (0,255,255)

    аква

Что такое цветовой код HTML?

Цветовой код HTML — это идентификатор, используемый для представления цвета в Интернете и в других цифровых активах.Общие формы этих кодов представляют собой имя ключевого слова, шестнадцатеричное значение, триплет RGB (красный, зеленый, синий) и триплет HSL (оттенок, насыщенность, яркость). Каждая форма позволяет выбрать из 16 777 216 цветов.

Например, красный цвет может быть идентификатором в следующих форматах:

  • красный (название ключевого слова)
  • # ff0000 (шестнадцатеричный)
  • (255,0,0) (RGB)
  • (0, 100%, 50%) (HSL)

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

Чтобы использовать выбранный цветовой код на своей веб-странице, вы можете поместить следующий атрибут в данный элемент, чтобы изменить его цвет фона на красный: style = "background-color: # ff0000;"

Цветовые коды

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

Чтобы узнать больше о цветах html, в Википедии есть хороший ресурс по веб-цветам: https://en.wikipedia.org/wiki/Web_colors.

цветов HTML

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

Кончилось воображение? Изучите нашу палитру цветов и выберите идеальный цвет для своего проекта.RGB, HEX, HSL, CMYK, мы вам поможем. Наш палитра цветов достаточно умен, чтобы понимать все цветовые коды.


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

#ffebee

# ffcdd2

# ef9a9a

# e57373

# ef5350

# f44336

# e53935

# d32f2f

# c62828

# b71c1c

# fce4ec

# f8bbd0

# f48fb1

# f06292

# ec407a

# e91e63

# d81b60

# c2185b

# ad1457

# 880e4f

# f3e5f5

# e1bee7

# ce93d8

# ba68c8

# ab47bc

# 9c27b0

# 8e24aa

# 7b1fa2

# 6a1b9a

# 4a148c

# ede7f6

# d1c4e9

# b39ddb

# 9575cd

# 7e57c2

# 673ab7

# 5e35b1

# 512da8

# 4527a0

# 311b92

# e8eaf6

# c5cae9

# 9fa8da

# 7986cb

# 5c6bc0

# 3f51b5

# 3949ab

# 303f9f

# 283593

# 1a237e

# e3f2fd

#bbdefb

# 90caf9

# 64b5f6

# 42a5f5

# 2196f3

# 1e88e5

# 1976d2

# 1565c0

# 0d47a1

# e1f5fe

# b3e5fc

# 81d4fa

# 4fc3f7

# 29b6f6

# 03a9f4

# 039be5

# 0288d1

# 0277bd

# 01579b

# e0f7fa

# b2ebf2

# 80deea

# 4dd0e1

# 26c6da

# 00bcd4

# 00acc1

# 0097a7

# 00838f

# 006064

# e0f2f1

# b2dfdb

# 80cbc4

# 4db6ac

# 26a69a

# 009688

# 00897b

# 00796b

# 00695c

# 004d40

# e8f5e9

# c8e6c9

# a5d6a7

# 81c784

# 66bb6a

# 4caf50

# 43a047

# 388e3c

# 2e7d32

# 1b5e20

# f1f8e9

# dcedc8

# c5e1a5

# aed581

# 9ccc65

# 8bc34a

# 7cb342

# 689f38

# 558b2f

# 33691e

# f9fbe7

# f0f4c3

# e6ee9c

# dce775

# d4e157

# cddc39

# c0ca33

# afb42b

# 9e9d24

# 827717

# fffde7

# fff9c4

# fff59d

# fff176

# ffee58

# ffeb3b

# fdd835

# fbc02d

# f9a825

# f57f17

# fff8e1

# ffecb3

# ffe082

# ffd54f

# ffca28

# ffc107

# ffb300

# ffa000

# ff8f00

# ff6f00

# fff3e0

# ffe0b2

# ffcc80

# ffb74d

# ffa726

# ff9800

# fb8c00

# f57c00

# ef6c00

# e65100

# fbe9e7

#ffccbc

# ffab91

# ff8a65

# ff7043

# ff5722

# f4511e

# e64a19

# d84315

# bf360c

# efebe9

# d7ccc8

# bcaaa4

# a1887f

# 8d6e63

# 7

# 6d4c41

# 5d4037

# 4e342e

# 3e2723

# f5f5f5

# e0e0e0

#bdbdbd

# 9e9e9e

# eceff1

# cfd8dc

# b0bec5

# 90a4ae

# 78909c

# 607d8b

ШЕСТИГР.

{{шестнадцатеричный}}

RGB

{{rgbval}}

HSL

{{hsl}}

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

У нас есть сотни цветовых сочетаний! Посмотрите нашу страницу с таблицей цветов, чтобы вдохновиться.Изучите цвета плоского дизайна, дизайн Google Material, плавные цвета, схему дизайна метро — все с цветовыми кодами HEX и RGB.


Таблица цветов Плоские цвета Цвета Материального Дизайна
Рекомендуемые цвета

Трудно найти идеальный цвет? Что ж, ты можешь попробовать один из них или пойти в наши генераторы цвета, пока вы не найдете идеальный вариант или воспользуетесь другими нашими инструментами. Удачи!


Генератор цвета Случайный цвет
Названия Цвета

Не помните все названия цветов? Что ж, ты можешь взглянуть на наш раздел названий цветов и избавьтесь от ваших сомнений.У нас есть все цветовые группы и названия. Наслаждаться!


Раздел названий цветов
Красивые градиенты каждый день

Gradient Hunt — это бесплатная и открытая коллекция модных градиентов ручной работы

Градиенты
Красивые цветовые палитры

Color Palettes — это тщательно отобранная коллекция красивых цветовых палитр, обновляемая ежедневно

Цветовые палитры Учебники по цвету HTML и CSS

Не знаете или не помните что-нибудь о кодировании цветов? Что ж, мы предлагаем вам лучшие уроки HTML и CSS Color Tutorials причем большинство задают вопросы самым странным.Время учиться!


Научитесь кодировать

Цветовые палитры

Мы создали замечательный раздел, чтобы поделиться вашими цветовыми палитрами, а также создали отличный редактор цветовых палитр. для вас, чтобы создавать самые эпические палитры когда-либо. Покажи нам свой талант!


Цветовые палитры Создать палитры

Создайте свой градиент

Не знаете, как создавать градиенты? Нет проблем, с нашим градиентом и генератором градиентов вы понял бы, как легко и красиво создавать градиенты.Взглянуть!


Градиенты Создать градиенты

Каковы 8 значений цвета HTML?

Теперь мы говорим о 8 цветовых значениях HTML (HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK).

Значение цвета HEX представлено в шестнадцатеричном формате, поэтому для каждого из них диапазон изменяется от 00 до FF. Код выражается следующим образом: #RRGGBB, каждое из двухзначных значений представляет собой диапазон каждого из 3 цветов, с помощью которого мы выбираем окончательное значение, представляющее каждый цвет.

Значение цвета RGB, красный — зеленый — синий, основано на смешивании этих трех цветов для получения полного диапазона. Каждый из цветов принимает значение от 0 до 255, всего 256, при этом получается всего 256 x 256 x 256 = 16 777 216 различных цветов. Смешивание этих трех цветов даст вам цветовой код rgb, представленный как этот RGB (23,34,255).

Значение цвета RGBA, красный — зеленый — синий — альфа, которое добавляет новый коэффициент, альфа-канал, то есть непрозрачность или прозрачность, которая следует той же процентной схеме: 0% представляет абсолютную прозрачность, а 100% представляет абсолютную непрозрачность, которая это то, как мы традиционно видим цвета.

Значение цвета HSL. Эта модель включает два дополнительных параметра к оттенку или цветности для получения цвета: насыщенность, яркость или тон. Отсюда его аббревиатура: HSL (H — оттенок или оттенок, S — насыщенность или насыщенность, L — яркость или яркость / тон).

HSLA Color Value (H — оттенок или оттенок, S — насыщенность или насыщенность, L — яркость или яркость / тон — A — ALPHA) — это система, которая не является системой, которая обычно используется в веб-дизайне, но он используется в других областях, таких как редактирование фотографий или дизайн (в целом).

Значение цвета HSV включает два дополнительных параметра к оттенку или цветности для получения цвета: насыщенность и значение. Отсюда его аббревиатура: HSV (H — оттенок или оттенок, S — насыщенность или насыщенность, V — значение или значение).

Значение цвета HWB (оттенок-белизна-черный) очень похоже на HSV (оттенок, насыщенность, значение) и HSL (оттенок, насыщенность, яркость), за исключением того, что ни HSV, ни HSL не обеспечивают насыщенности для белизны.

CMYK Color Value является субтрактивной моделью и используется при печати пигментами трех основных цветов: C — голубой, M — пурпурный и Y — желтый.K происходит от черного, так как комбинация трех предыдущих дает немного чистого черного.

ДЛЯ ДОПОЛНИТЕЛЬНОЙ ИНФОРМАЦИИ ПОСЕТИТЕ ССЫЛКИ В ТЕКСТЕ ИЛИ ПОСЕТИТЕ НАШУ ТЕОРИЮ ЦВЕТА.


Теория цвета

Общие цвета

Нет лучшего способа помочь вам найти свой идеальный цвет, чем дать вам обычные цвета того времени. Смотрите и удачи!


Общие цвета
ПОДЕЛИТЬСЯ С ДРУЗЬЯМИ!

Руководство по цветовым кодам HTML для новичков

Добавление цвета на ваш сайт может вызвать эмоции, создать атмосферу и сделать ваш общий дизайн более целостным.

В этом посте мы расскажем все, что вам нужно знать о принципах дизайна, связанных с цветовыми кодами HTML, чтобы вы могли обновлять и добавлять цвета на своем сайте. Независимо от того, переделываете ли вы свой веб-сайт или выбираете цветовую палитру в первый раз, освоение этого важного навыка может помочь вам создать сайт, который будет последовательно отражать внешний вид вашего бренда.

Начнем с определения цветовых кодов HTML.

Цветовые коды HTML

Мы видим цвета каждый день и даем им названия, например красный и желтый.В этих цветах есть сотни различных оттенков, для которых у нас также есть названия. Например, есть не только розовый, но и неоново-розовый, жевательный розовый, розовый, фуксия, пурпурный и множество других.

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

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

Шестнадцатеричные цветовые коды HTML

Шестнадцатеричные цветовые коды — самый популярный формат HTML, используемый на веб-сайтах и ​​в других программных приложениях. Каждый шестнадцатеричный код состоит из трех байтовых шестнадцатеричных чисел, которым предшествует хэштег.

Байт — это пара символов в шестнадцатеричном коде, которые представляют интенсивность трех основных цветов (красного, зеленого и синего) в цвете.Диапазон значений от 00 (самая низкая интенсивность основного цвета) до FF (самая высокая интенсивность основного цвета)

.

Это означает, что каждый шестнадцатеричный код состоит из трех пар или шести символов в общей сложности. Эти шесть символов могут быть любой комбинацией из десяти цифр (0-9) и шести букв (a-f). Эта 16-символьная система счисления известна как шестнадцатеричный код. Всего существует 16 777 216 возможных комбинаций. Попробуем разобраться в некоторых из них.

Чтобы вычислить шестнадцатеричный код белого цвета, примите во внимание, что вы должны смешать каждый из трех основных цветов с их полной интенсивностью.Это означает, что шестнадцатеричный код белого цвета — #FFFFFF. Поскольку черному не хватает основного цвета, его шестнадцатеричный код цвета # 000000. Если вы хотите красный цвет, вам нужна самая высокая интенсивность красного и самая низкая интенсивность двух других основных цветов. Следовательно, шестнадцатеричный код красного цвета будет # FF0000. Взгляните на диаграмму ниже, чтобы увидеть еще несколько комбинаций.

Источник

Посмотрите на снимок экрана ниже, чтобы увидеть больше примеров.

Источник

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

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

Источник

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

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

Как использовать цветовые коды HTML

Вы можете добавить шестнадцатеричные коды в HTML своего сайта, чтобы изменить цвет отдельных элементов.

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

 
 

Красный текст абзаца

Используя этот код, я мог преобразовать вступление к этому сообщению в блоге, сделав первый абзац красным.На передней панели это будет выглядеть примерно так:

Источник

Вы также можете разделить HTML и CSS и получить тот же результат.

Вот код CSS, который вы поместили в заголовок своего документа:

 
 

кузов {

цвет: # FF0000;

}

Вот HTML-код, который вы поместили в основной раздел документа:

 
 

Красный абзац текста

Используя этот же процесс, вы можете изменить цвет фона, текста и других элементов на вашем сайте.

Создание сайта в цвете

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

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

HTML цветовых кодов

Используйте эту страницу, чтобы получить коды цветов HTML для вашего веб-сайта.Цвета представлены различными цветовыми моделями, такими как шестнадцатеричный, RGB, HSL и т. Д.

Чтобы узнать о цветах HTML и о том, как применять их на своем веб-сайте, ознакомьтесь с разделом цветов HTML в руководстве по HTML.

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

Названия цветов CSS

Вот таблица названий цветов CSS. Они основаны на цветах X11 и поддерживаются всеми основными браузерами.

Попробуйте щелкнуть значение.Это откроет тестер цвета, где вы можете протестировать разные цвета на фоне страницы.

Название цвета Шестнадцатеричный код
RGB
Десятичный код
RGB
красный
Индийский красный CD5C5C 205,92,92
LightCoral F08080 240,128,128
Лосось FA8072 250,128,114
Темный лосось E9967A 233,150,122
лосось светлый FFA07A 255,160,122
малиновый DC143C 220,20,60
Красный FF0000 255,0,0
FireBrick B22222 178,34,34
Темно-красный 8B0000 139,0,0
розовый
розовый FFC0CB 255,192,203
Светло-розовый FFB6C1 255 182 193
HotPink FF69B4 255,105,180
DeepPink FF 1493 255,20 147
средний фиолетовый красный C71585 199,21,133
бледно-фиолетовый DB7093 219 112 147
Апельсины
Коралл FF7F50 255,127,80
Помидор FF6347 255,99,71
Оранжевый Красный FF4500 255,69,0
Темно-оранжевый FF8C00 255,140,0
Оранжевый FFA500 255,165,0
желтый
Золото FFD700 255 215,0
Желтый FFFF00 255,255,0
Светло-желтый FFFFE0 255,255,224
Лимонный шифон FFFACD 255,250,205
Light Goldrod Желтый FAFAD2 250,250,210
Кнут папайи FFEFD5 255 239 213
Мокасины FFE4B5 255 228 181
PeachPuff FFDAB9 255 218 185
Бледный Голденрод EEE8AA 238 232 170
хаки F0E68C 240,230,140
Темный хаки BDB76B 189 183 107
фиолетовый
Лаванда E6E6FA 230,230,250
Чертополох D8BFD8 216,191,216
Слива DDA0DD 221 160 221
фиолетовый EE82EE 238 130 238
Орхидея DA70D6 218 112 214
Пурпурный FF00FF 255,0,255
пурпурный FF00FF 255,0,255
Средний Орхидея BA55D3 186,85,211
средний фиолетовый 9370DB 147,112,219
сине-фиолетовый 8A2BE2 138,43,226
Темно-фиолетовый 9400D3 148,0 211
Темная орхидея 9932CC 153,50,204
Темно-пурпурный 8B008B 139,0,139
Фиолетовый 800080 128,0,128
Ребекка фиолетовый 663399 102,51,153
Индиго 4B0082 75,0,130
средний сланец синий 7B68EE 123 104 238
Синий сланец 6A5ACD 106,90,205
темно-синий 483D8B 72,61,139
Зеленый Зеленый Зеленый Синий Синий
Название цвета Шестнадцатеричный код
RGB
Десятичный код
RGB
Зелень
зеленый желтый ADFF2F 173,255,47
Шартрез 7FFF00 127,255,0
LawnGreen 7CFC00 124,252,0
лайм 00FF00 0,255,0
зеленовато-зеленый 32CD32 50,205,50
Бледно-зеленый 98FB98 152,251,152
Светло-зеленый 90EE90 144 238 144
средний весенний зеленый 00FA9A 0,250,154
SpringGreen 00FF7F 0,255,127
MediumSeaGreen 3CB371 60 179 113
SeaGreen 2E8B57 46,139,87
Лесозеленый 228B22 34,139,34
Зеленый 008000 0,128,0
темно-зеленый 006400 0,100,0
Желто-зеленый 9ACD32 154,205,50
OliveDrab 6B8E23 107,142,35
оливковое 808000 128,128,0
DarkOliveGreen 556B2F 85,107,47
средний аквамарин 66CDAA 102,205,170
DarkSeaGreen 8FBC8F 143 188 143
Светлое Морезеленое 20B2AA 32 178 170
Темный Циан 008B8B 0,139,139
бирюзовый 008080 0,128,128
синий / голубой
Аква 00FFFF 0,255,255
Голубой 00FFFF 0,255,255
LightCyan E0FFFF 224,255,255
бледно-бирюзовый AFEEEE 175 238 238
Аквамарин 7FFFD4 127,255,212
бирюзовый 40E0D0 64 224 208
средний бирюзовый 48D1CC 72,209,204
Темно-бирюзовый 00CED1 0,206,209
CadetBlue 5F9EA0 95,158,160
SteelBlue 4682B4 70,130,180
Голубой Сталь B0C4DE 176,196,222
Синий порошок B0E0E6 176,224,230
Голубой ADD8E6 173 216 230
SkyBlue 87CEEB 135,206,235
LightSkyBlue 87CEFA 135,206,250
DeepSkyBlue 00BFFF 0,191,255
DodgerBlue 1E90FF 30,144,255
Василек синий 6495ED 100 149 237
RoyalBlue 4169E1 65,105,225
Синий 0000FF 0,0,255
средний синий 0000CD 0,0,205
Темно-синий 00008B 0,0,139
ВМС 000080 0,0,128
MidnightBlue 1 25,25,112
Белый
Название цвета Шестнадцатеричный код
RGB
Десятичный код
RGB
коричневые
Корнсилк FFF8DC 255 248 220
Бланшированный миндаль FFEBCD 255 235 205
Бисквит FFE4C4 255 228 196
Навахо Белый FFDEAD 255 222 173
Пшеница F5DEB3 245 222 179
BurlyWood ДЭБ 887 222 184 135
Желто-коричневый D2B48C 210,180,140
розово-коричневый BC8F8F 188 143 143
SandyBrown F4A460 244,164,96
Золотарник DAA520 218,165,32
Темный Голденрод B8860B 184,134,11
Перу CD853F 205,133,63
Шоколадный D2691E 210,105,30
Седло Коричневый 8B4513 139,69,19
Сиенна A0522D 160,82,45
Коричневый A52A2A 165,42,42
Бордовый 800000 128,0,0
белые
Белый FFFFFF 255,255,255
Снег FFFAFA 255,250,250
Ханидью F0FFF0 240,255,240
MintCream F5FFFA 245,255,250
Лазурный F0FFFF 240,255,255
AliceBlue F0F8FF 240 248 255
GhostWhite F8F8FF 248 248 255
Белый дым F5F5F5 245 245 245
Морская ракушка FFF5EE 255 245 238
бежевый F5F5DC 245 245 220
OldLace FDF5E6 253 245 230
Цветочно-белый FFFAF0 255,250,240
слоновая кость FFFFF0 255,255,240
Белый античный FAEBD7 250 235 215
Белье FAF0E6 250,240,230
Бледно-лиловый FFF0F5 255,240,245
MistyRose FFE4E1 255,228,225
серый
Гейнсборо DCDCDC 220,220,220
светло-серый D3D3D3 211 211 211
Светло-серый D3D3D3 211 211 211
Серебро C0C0C0 192,192,192
темно-серый A9A9A9 169 169 169
Темно-серый A9A9A9 169 169 169
Серый 808080 128,128,128
Серый 808080 128,128,128
DimGray 6
105,105,105
DimGrey 6
105,105,105
Светло-серый 778899 119,136,153
Светло-серый 778899 119,136,153
Серый шифер 708090 112,128,144
Серый шифер 708090 112,128,144
Темно-серый 2F4F4F 47,79,79
Темно-серый 2F4F4F 47,79,79
Черный 000000 0,0,0

Другие таблицы цветов

Вот быстрый взгляд на прошлое, чтобы увидеть, как раньше использовались цвета в Интернете.

Веб-безопасные цвета

На этой диаграмме отображается 216 «веб-безопасных» цветов. Щелкните цвет, чтобы отобразить его на новой странице.

Являются ли безопасные для Интернета цвета по-прежнему актуальными?

«Безопасная для Интернета цветовая палитра» широко использовалась на заре Интернета, особенно в конце 1990-х годов.

«Веб-безопасность» означала, что цвет будет одинаково отображаться в разных компьютерных системах. В то время большинство компьютерных мониторов имело 8-битную глубину цвета, что означало, что они могли отображать только 256 цветов.Кроме того, некоторые из этих цветов не отображались последовательно в разных системах.

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

В настоящее время обычно нет необходимости ограничивать себя безопасными для Интернета цветами, поскольку большинство компьютеров (и даже мобильных устройств) могут отображать миллионы цветов, поэтому проблема больше не является распространенной.

Однако ничто не мешает вам продолжать использовать эту цветовую палитру и сегодня.Использование безопасных для Интернета цветов может сделать ваш сайт ярким и смелым, а также по-новому взглянуть на него!

Имена цветов HTML3 и HTML4

Было время, когда спецификация HTML определяла названия цветов, которые можно было использовать в документах HTML. Это уже не так — CSS взял на себя ответственность за определение цветов в HTML-документах.

Следующая таблица цветовых кодов содержит 16 официальных названий цветов HTML из HTML 3.2, которая стала официальной рекомендацией 14 января 1997 года.

Те же названия цветов были включены в спецификацию HTML 4.01, которая стала официальной рекомендацией 24 декабря 1999 года.

Эти цвета изначально были выбраны как стандартные 16 цветов, поддерживаемые палитрой Windows VGA.

Название цвета Шестнадцатеричный код
RGB
Десятичный код
RGB
Черный 000000 0,0,0
Серебро C0C0C0 192,192,192
Серый 808080 128,128,128
Белый FFFFFF 255,255,255
Бордовый 800000 128,0,0
Красный FF0000 255,0,0
Название цвета Шестнадцатеричный код
RGB
Десятичный код
RGB
Фиолетовый 800080 128,0,128
Пурпурный FF00FF 255,0,255
Зеленый 008000 0,128,0
лайм 00FF00 0,255,0
оливковое 808000 128,128,0
Желтый FFFF00 255,255,0
RGB и шестнадцатеричный

Несмотря на ограниченное количество названий цветов, обе спецификации допускают использование шестнадцатеричного представления.Например, # FF000 представляет красный . Таким образом, по-прежнему можно было использовать широкий диапазон цветов помимо названий цветов.

Однако из-за ограничений компьютерных мониторов в то время веб-дизайнеры часто ограничивались только безопасными для Интернета цветами.

CSS1 и CSS2

И спецификация CSS1 (17 декабря 1996 г.), и спецификация CSS2 (12 мая 1998 г.) включали те же 16 названий цветов, которые были определены в HTML 3.2 и HTML 4.0.

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

Но CSS также представил функцию rgb () , которая позволяет указывать цвета как список из трех цифр, разделенных запятыми, с каждым набором цифр в диапазоне 0–255. Например, rgb (255,0,0) представляет тот же цвет, что и # FF000 , и название цвета красный .

Системные цвета

Помимо возможности назначать значения ключевых слов цвета (имена цветов, шестнадцатеричные значения, RGB), CSS2 позволял авторам указывать цвета таким образом, чтобы они интегрировались в графическую среду пользователя.

Ниже перечислены дополнительные значения для значений CSS, связанных с цветом, и их общее значение.

ActiveBorder
Активная граница окна.
ActiveCaption
Активный заголовок окна.
AppWorkspace
Цвет фона многодокументного интерфейса.
Фон
Фон рабочего стола.
Кнопка Лицо
Цвет лица для трехмерных элементов отображения.
Кнопка Выделить
Темная тень для трехмерных элементов отображения (для краев, обращенных в сторону от источника света).
Кнопка Тень
Цвет тени для трехмерных элементов отображения.
ButtonText
Текст на кнопках.
CaptionText
Текст в заголовке, поле размера и поле стрелки полосы прокрутки.
серый текст
Серый (отключен) текст. Для этого цвета установлено значение # 000, если текущий драйвер дисплея не поддерживает сплошной серый цвет.
Выделить
Элементы, выбранные в элементе управления.
HighlightText
Текст элементов, выбранных в элементе управления.
Неактивный Граница
Неактивная граница окна.
InactiveCaption
Заголовок неактивного окна.
InactiveCaptionText
Цвет текста в неактивной подписи.
Информация
Цвет фона для элементов управления всплывающей подсказки.
Инфотекст
Цвет текста для элементов управления всплывающей подсказки.
Меню
Фон меню.
МенюТекст
Текст в меню.
Полоса прокрутки
Серая область полосы прокрутки.
ThreeDarkShadow
Темная тень для трехмерных элементов отображения.
ThreeDFace
Цвет лица для трехмерных элементов отображения.
ThreeDHighlight
Цвет выделения для трехмерных элементов отображения.
ThreeDLightShadow
Светлый цвет для трехмерных элементов отображения (для краев, обращенных к источнику света).
ThreeDShadow
Темная тень для трехмерных элементов отображения.
Окно
Фон окна.
Оконная рама
Оконная рама.
WindowText
Текст в windows.

Эти системные цвета объявлены устаревшими в CSS3. Первоначально они были заменены свойством внешний вид , но впоследствии оно было исключено из спецификации CSS3.

CSS 2,1

Спецификация CSS 2.1 (7 июня 2011 г.) добавила оранжевый к списку названий цветов, в результате чего общее количество названий цветов достигло 17.

Интересно, что CSS Color Module Level 3 в тот же день стал официальной рекомендацией и предоставил 147 названий цветов. Подробнее об этом ниже.

Системные цвета

CSS 2.1 также включает различные системные цвета, указанные в CSS2 (см. Выше).

CSS3

CSS3 изменил способ определения CSS.

CSS3 состоит из множества различных модулей, каждый из которых имеет определенную направленность. Например, есть модуль для фона и границ, еще один для текста, модуль для макетов сетки, еще один для цветов и т. Д.

Это контрастирует с предыдущими спецификациями, где CSS был выпущен как полная спецификация.Например, CSS2, CSS 2.1 и т. Д. Все аспекты CSS были включены в каждую спецификацию.

Итак, теперь цвета определены в «Цветном модуле CSS». CSS3 начался с CSS Color Module Level 3, который стал официальной рекомендацией 7 июня 2011 года (в тот же день, когда CSS 2.1 стал официальной рекомендацией!). Затем он перешел на уровень 4 цветового модуля CSS. Но все это считается CSS3. Теперь меняется только конкретный номер модуля.

Таким образом, все цвета в таблице вверху этой страницы можно рассматривать как «цвета CSS3».

CSS3 также представил ключевое слово currentColor , а также новые цветовые функции, такие как hsl () и hsla () . На момент написания CSS Color Module Level 4 предлагал hwb () , gray () , color () и другие функции.

HTML Шестнадцатеричный цветовой код, цветовой код RGB и название цвета

HTML Шестнадцатеричный цветовой код, цветовой код RGB и название цвета
Название цвета Цвет Шестнадцатеричный код R, G, B
белый #FFFFFF 255,255,255
черный # 000000 0,0,0
красный # FF0000 255,0,0
синий # 0000FF 0,0,255
зеленый # 008000 0,128,0
желтый # FFFF00 255,255,0
Название цвета Цвет Шестнадцатеричный код R, G, B
золото # FFD700 255, 215, 0
серебро # C0C0C0 192,192,192
бронза # CD7F32 205,127,50
латунь # B5A642 181, 166, 66
медь # B87333 184, 115, 51
платина # BMW4E2 229, 228, 226
изумруд # 50C878 80,200,120
слоновая кость # FFFFF0 255,255,240
Название цвета Цвет Шестнадцатеричный код R, G, B
оранжевый # FFA500 255,165,0
авокадо # B2C248 178, 194, 72
абрикос # FBCEB1 251, 206, 177
слива # DDA0DD 251, 206, 177
персик # FFDAB9 255 218 185
черника # 0041C2 0, 65, 194
Название цвета Цвет Шестнадцатеричный код R, G, B
под старину белый # FAEBD7 250 235 215
вода # 00FFFF 0,255, 255
лазурный # F0FFFF 240,255,255
темно-пурпурный # 8B008B 139,0,139
фуксия # FF00FF 255,0,255
темно-оранжевый # FF8C00 255,140,0
полуночный синий # 1 25,25,112
зеленовато-зеленый # 32CD32 50,205,50
сине-фиолетовый # 8A2BE2 138,43,226
желто-зеленый # 9ACD32 154,205,50
зелено-желтый # ADFF2F 173,255,47
темно-золотой # B8860B 184,134,11
индийский красный # CD5C5C 205,92,92
перу # CD853F 205,133,63
темный лосось # E9967A 233,150,122
палеоголденрод # EEE8AA 238 232 170
диппинк # FF1493 255,20 147
оранжево-красный # FF4500 255,69,0
светло-розовый # FFB6C1 255 182 193
навайовайт #FFDEAD 255 222 173
белый цветочный # FFFAF0 255,250,240
оливковый # 808000 128,128, 0
военно-морской флот # 000080 0,0, 128
бирюзовый # 008080 0,128, 128
лайм # 00FF00 0,255, 0
голубой # 4682B4 70,130,180
бордовый # 800000 128,0, 0
оливковый # 808000 128,128,0
сиена # A0522D 160,82,45
огнеупорный кирпич # B22222 178,34,34
индийский красный # CD5C5C 205,92,92
орхидея # DA70D6 218 112 214
малиновый # DC143C 220,20,60
бледно-лиловый # E6E6FA 230,230,250
хаки # F0E68C 240,230,140
пурпурный # FF00FF 255,0,255
коралловый # FF7F50 255,127,80
розовый # FFC0CB 255,192,203
бисквит # FFE4C4 255 228 196
морская ракушка # FFF5EE 255 245 238
снег #FFFAFA 255,250,250
голубой # 00FFFF 0,255,255
лесозеленый # 228B22 34,139,34
индиго # 4B0082 75,0,130
серый # 708090 112,128,144
зеленый # 7CFC00 124,252,0
аквамарин # 7FFFD4 127,255,212
бордовый # 800000 128,0,0
фиолетовый # 800080 128,0,128
серый # 808080 128,128,128
голубой # 87CEEB 135,206,235
бледно-зеленый # 98FB98 152,251,152
голубой # ADD8E6 173 216 230
розово-коричневый # BC8F8F 188 143 143
шоколад # D2691E 210,105,30
желто-коричневый # D2B48C 210,180,140
фиолетовый # EE82EE 238 130 238
медовая роса # F0FFF0 240,255,240
песочно-коричневый # F4A460 244,164,96
пшеница # F5DEB3 245 222 179
бежевый # F5F5DC 245 245 220
белый дым # F5F5F5 245 245 245
белье # FAF0E6 250,240,230
фуксия # FF00FF 255,0, 255
помидор # FF6347 255,99,71
мокасины # FFE4B5 255 228 181
весенне-зеленый # 00FF7F 0,255,127
шартрез # 7FFF00 127,255,0
коричневый # A52A2A 165,42,42
палево-фиолетовый # DB7093 219 112 147
Название цвета Цвет Шестнадцатеричный код R, G, B
Королевский синий # 405DE6 5,10,230
Синий # 5B51D8 88,81 216
Королевский фиолетовый # 833AB4 131,58,180
Темно-розовый # C13584 193,53,132
Средний красный фиолетовый # E1306C 225,48,108
Красный фонарик # FD1D1D 253,36,76
Фламинго # F56040 88,81 216
Круста # F77737 247,119,55
Желтый Оранжевый # FCAF45 252,175,69
Саломи # FFDC80 255,220,128
Название цвета Цвет Шестнадцатеричный код R, G, B
Сан-Марино # 4267B2 66,103,178
Белый #FFFFFF 255,255,255
Название цвета Цвет Шестнадцатеричный код R, G, B
Василек синий # 4285F4 66 133 244
Пуансон # DB4437 219,68,55
Селективный желтый # F4B400 244,180,0
Салем # 0F9D58 15,157,88
Название цвета Цвет Шестнадцатеричный код R, G, B
Dodger Blue # 1DA1F2 29,161,242
Древесный дым ## 14171A 20,23,265
Темно-серый # 657786 101,119,134
Бледное небо # AAB8C2 170,184,194
Мистик # E1E8ED 225 232 237
Светлый мистик # F5F8FA 245 248 250


СЛЕДУЮЩИЙ….. Какого цвета Чакноррис?

Net-informations.com


Код HTML

для цветного текста: пошаговое руководство

Цветовые коды HTML представлены в двухзначном шестнадцатеричном формате для красного, синего и зеленого цветов (#RRBBGG). Шестнадцатеричные коды цветов идут от 00 до DD. Например, # FF0000 будет красным, а # 40E0D0 будет бирюзовым.Шестнадцатеричные цветовые коды используются в HTML для всего, от текста до фона.


Кодирование веб-сайта в HTML, или H yper T ext M arkup L язык, является одним из самых фундаментальных навыков, которым должен овладеть каждый кодировщик. С помощью этого языка разметки мы организуем, упорядочиваем и форматируем текст и документы для использования на веб-сайтах. В этой статье мы подробно рассмотрим HTML-код для цветного текста, который является важным элементом дизайна любого веб-сайта.Позже вы можете взять то, что узнали из этой статьи, и поэкспериментировать в редакторе HTML.

Методы кодирования цветного текста с помощью HTML

На самом деле существует 4 различных метода кодирования цвета текста с помощью HTML. Давайте рассмотрим 4 метода и рассмотрим несколько примеров каждого из них.

1.

Цветной текст HTML с шестнадцатеричными цветовыми кодами

Наиболее распространенный метод изменения цвета текста — использование шестнадцатеричных цветовых кодов , также известных как шестнадцатеричных цветовых кодов .Эти коды состоят из комбинаций целых чисел 0, 1, 2, 3, 4, 5, 6, 7, 8 и 9; и буквы A, B, C, D, E и F. Итак, шестнадцатеричный цветовой код может быть чем-то вроде # FF0000 или # 33DDFF.

Найди свой матч на тренировочном лагере