Сайт

Таблица цветов для сайта: Таблица «безопасных» цветов

08.05.2018

Содержание

Таблица цветов | Справочник HTML



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

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

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

Использование цветов

Применение Результат
<span>Цвет слова</span> Цвет слова
<div>Цвет абзаца</div>

Цвет абзаца

<span>Фон слова</span> Фон слова
<div>Фон абзаца</div>

Фон абзаца

<td>style=»background-color:#98FB98″ | Фон ячейки</td> Фон ячейки

Коды цветов (фон)

По насыщенности и оттенку

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

По алфавиту

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

Учебник HTML

HTML уроки: HTML Цвета


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

Искушение сдаться будет особенно сильным незадолго до победы.

Альфа-банк запустил рекламную компанию, согласно которой можно получить 500 ₽, если зарегистрировать бесплатную дебетовую карту по личной ссылке и совершить с неё первую покупку. Деньги получает и заказчик карты (вы), и держатель ссылки (проект).

Личная ссылка автора CSSCOLOR.RU: https://alfabank.ru/fr/?refid=d_NYI4YQ.

CSSCOLOR.RU существует исключительно за счёт рекламного баннера и моих личных средств. Меня заботит функциональность и эстетика продуктов, которые я создаю, поэтому сайт до сих пор не покрыт рекламой вдоль и поперёк.

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

Исходный код CSSCOLOR.RU открыт. Ссылка на репозиторий: https://gitlab.com/avo1kov/csscolor


HTML CSS Палитра цветов помогает подобрать цвет в виде HEX, RGB, RGBA, HSV и CMYK записи цветовой модели. Нажимайте на поля выбора цвета, а для более точного выбора, перемещайте курсор с зажатой левой кнопкой мыши. Изменяйте параметры цвета через поля ввода.

А ещё можно скачать выбранный цвет. Нажмите на кнопку «Скачать цвет», появится поле параметров. Вы можете выбрать формат (SVG, PNG, JPEG или GIF) и размер картинки. Обращаю ваше внимание, что полупрозрачные цвета можно скачать только в форматах SVG и PNG.

В качестве экперимента разместили небольшую статью про flexbox: https://csscolor.ru/flexbox

html цвета — название и коды | CSS

Если вы хотите поправить цветовую составляющую текста на вашем сайте, например, для фона — то вам надо, как минимум, узнать что такое web-color. Далее принцип работы простой — вы просто копируете html-код расцветки и вставляете его к себе в css-стилевой файл. В данной статье будут рассмотрены популярные цветовые палитры.

Для чего нужны

Очень часто требуется поменять цвет текста на сайте, мало кто из начинающих к этому прибегает, так как для этого нужно знать html и css. Но, если знаете эти основы web-строительства, то без труда с этой задачей справитесь и в помощь ниже вам будет дана таблица. Обычно начинающие меняют цвет текста маленькими абзацами, например, через встроенные редакторы статей. Но, у меня, к примеру, часто возникает задача поменять цветовое оформление на всем сайте и, поэтому коды цветовых оттенков в html формате — для меня необходимы — «как воздух».

Меняем цвет текста на сайте

1) html код вставляем в специальный файл css, обычно он называется style.css — вот такие примерно строки появятся в нем:

color:#FFF;

Это был пример: мы вставили корректировку,  — это и есть код белого цвета в html. Не пугайтесь #FFF — это сокращенная форма, это тоже самое, что и #FFFFFF. Для экономии времени часто пользуются сокращениями, которые есть.

Примерно может выглядеть так — вносим правки в тег body:

body {color:#FFF;}

На закрытых движках типа ucoz — это делается по-другому, хотя там этот css-файл выведен отдельной ссылкой(об этом напишу позже).

2) Если вам нужно поменять цвет текста в отдельном абзаце, то встраивается такая конструкция (но она не приветствуется профессионалами, но на это мало кто смотрит и не смотрят поисковики типа Яндекса и Google, Mail, Rambler — то есть основным ПС это безразлично, потому что это «не ошибка»)

А вставляется такая конструкция:

style="color:#FFF;"

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

<p>

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

3) Если вам нужно изменить цвет ссылки html — конструкция приобретает следующий вид:

<a href="https://saitsozdanie.ru/">тут текст ссылки</a>

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

 

 

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

Только также не забывайте вставить знак решетки перед кодом:

lightpink
FFB6C1 pink
FFC0CB crimson
DC143C lavenderblush
FFF0F5 palevioletred
DB7093 hotpink
FF69B4 deeppink
FF1493 mediumvioletred
C71585 orchid
DA70D6 thistle
D8BFD8 plum
DDA0DD violet
EE82EE magenta
FF00FF fuchsia
FF00FF darkmagenta
8B008B purple
800080 mediumorchid
BA55D3 darkviolet
9400D3 darkorchid
9932CC indigo
4B0082 blueviolet
8A2BE2 mediumpurple
9370DB mediumslateblue
7B68EE slateblue
6A5ACD darkslateblue
483D8B lavender
E6E6FA ghostwhite
F8F8FF blue
0000FF mediumblue
0000CD midnightblue
191970 darkblue
00008B navy
000080 royalblue
4169E1 cornflowerblue
6495ED lightsteelblue
B0C4DE lightslategray
778899 slategray
708090 dodgerblue
1E90FF aliceblue
F0F8FF steelblue
4682B4 lightskyblue
87CEFA skyblue
87CEEB deepskyblue
00BFFF lightblue
ADD8E6 powderblue
B0E0E6 cadetblue
5F9EA0 azure
F0FFFF lightcyan
E0FFFF paleturquoise
AFEEEE cyan
00FFFF aqua
00FFFF darkturquoise
00CED1 darkslategray
2F4F4F darkcyan
008B8B teal
008080 mediumturquoise
48D1CC lightseagreen
20B2AA turquoise
40E0D0 aquamarine
7FFFD4 mediumaquamarine
66CDAA mediumspringgreen
00FA9A mintcream
F5FFFA springgreen
00FF7F mediumseagreen
3CB371 seagreen
2E8B57 honeydew
F0FFF0 lightgreen
90EE90 palegreen
98FB98 darkseagreen
8FBC8B limegreen
32CD32 lime
00FF00 forestgreen
228B22 green
008000 darkgreen
006400 chartreuse
7FFF00 lawngreen
7CFC00 greenyellow
ADFF2F darkolivegreen
556B2F yellowgreen
9ACD32 olivedrab
6B8E23 beige
F5F5DC lightgoldenrodyellow
FAFAD2 ivory
FFFFF0 lightyellow
FFFFE0 yellow
FFFF00 olive
808000 darkkhaki
BDB76B lemonchiffon
FFFACD palegoldenrod
EEE8AA khaki
F0E68C gold
FFD700 cornsilk
FFF8DC goldenrod
DAA520 darkgoldenrod
B8860B floralwhite
FFFAF0 oldlace
FDF5E6 wheat
F5DEB3 moccasin
FFE4B5 orange
FFA500 papayawhip
FFEFD5 blanchedalmond
FFEBCD navajowhite
FFDEAD antiquewhite
FAEBD7 tan
D2B48C burlywood
DEB887 bisque
FFE4C4 darkorange
FF8C00 linen
FAF0E6 peru
CD853F peachpuff
FFDAB9 sandybrown
F4A460 chocolate
D2691E saddlebrown
8B4513 seashell
FFF5EE sienna
A0522D lightsalmon
FFA07A coral
FF7F50 orangered
FF4500 darksalmon
E9967A tomato
FF6347 mistyrose
FFE4E1 salmon
FA8072 snow
FFFAFA lightcoral
F08080 rosybrown
BC8F8F indianred
CD5C5C red
FF0000 brown
A52A2A firebrick
B22222 darkred
8B0000 maroon
800000 white
FFFFFF whitesmoke
F5F5F5 gainsboro
DCDCDC lightgrey
D3D3D3 silver
C0C0C0 darkgray
A9A9A9 gray
808080 dimgray
696969 black
000000

 

Сервис от Яндекса

Яндекс также предоставляет онлайн-сервис, иногда тоже помогает, но им все же реже пользуюсь. 

Упрощенная форма

Если вы знаете хоть немного знаете английский язык то вам еще проще будет освоить упрощенную форму записи популярных цветов в html на английском. К, примеру: brown — коричневый, green — зеленый, blue — синий, red — красный, white — белый, grey — серый, black — черный и тд. Вот как это будет выглядеть:

<p>

То есть, все то же самое, просто заменяем код на слова.

Пока на этом все, я надеюсь вам была полезна статья, следите за новостями https://saitsozdanie.ru.

 

Еще

HTML Имя ЦветаHEXRGB
Красные тона:
IndianRed #CD5C5C 205, 92, 92
LightCoral #F08080 240, 128, 128
Salmon #FA8072 250, 128, 114
DarkSalmon #E9967A 233, 150, 122
LightSalmon #FFA07A 255, 160, 122
Crimson #DC143C 220, 20, 60
Red #FF0000 255, 0, 0
FireBrick #B22222 178, 34, 34
DarkRed #8B0000 139, 0, 0
Розовые тона:
Pink #FFC0CB 255, 192, 203
LightPink #FFB6C1 255, 182, 193
HotPink #FF69B4 255, 105, 180
DeepPink #FF1493 255, 20, 147
MediumVioletRed #C71585 199, 21, 133
PaleVioletRed #DB7093 219, 112, 147
Оранжевые тона:
LightSalmon #FFA07A 255, 160, 122
Coral #FF7F50 255, 127, 80
Tomato #FF6347 255, 99, 71
OrangeRed #FF4500 255, 69, 0
DarkOrange #FF8C00 255, 140, 0
Orange #FFA500 255, 165, 0
Жёлтые тона:
Gold #FFD700 255, 215, 0
Yellow #FFFF00 255, 255, 0
LightYellow #FFFFE0 255, 255, 224
LemonChiffon #FFFACD 255, 250, 205
LightGoldenrodYellow #FAFAD2 250, 250, 210
PapayaWhip #FFEFD5 255, 239, 213
Moccasin #FFE4B5 255, 228, 181
PeachPuff #FFDAB9 255, 218, 185
PaleGoldenrod #EEE8AA 238, 232, 170
Khaki #F0E68C 240, 230, 140
DarkKhaki #BDB76B 189, 183, 107
Фиолетовые тона:
Lavender #E6E6FA 230, 230, 250
Thistle #D8BFD8 216, 191, 216
Plum #DDA0DD 221, 160, 221
Violet #EE82EE 238, 130, 238
Orchid #DA70D6 218, 112, 214
Fuchsia #FF00FF 255, 0, 255
Magenta #FF00FF 255, 0, 255
MediumOrchid #BA55D3 186, 85, 211
MediumPurple #9370DB 147, 112, 219
BlueViolet #8A2BE2 138, 43, 226
DarkViolet #9400D3 148, 0, 211
DarkOrchid #9932CC 153, 50, 204
DarkMagenta #8B008B 139, 0, 139
Purple #800080 128, 0, 128
Indigo #4B0082 75, 0, 130
SlateBlue #6A5ACD 106, 90, 205
DarkSlateBlue #483D8B 72, 61, 139
Коричневые тона:
Cornsilk #FFF8DC 255, 248, 220
BlanchedAlmond #FFEBCD 255, 235, 205
Bisque #FFE4C4 255, 228, 196
NavajoWhite #FFDEAD 255, 222, 173
Wheat #F5DEB3 245, 222, 179
BurlyWood #DEB887 222, 184, 135
Tan #D2B48C 210, 180, 140
RosyBrown #BC8F8F 188, 143, 143
SandyBrown #F4A460 244, 164, 96
Goldenrod #DAA520 218, 165, 32
DarkGoldenRod #B8860B 184, 134, 11
Peru #CD853F 205, 133, 63
Chocolate #D2691E 210, 105, 30
SaddleBrown #8B4513 139, 69, 19
Sienna #A0522D 160, 82, 45
Brown #A52A2A 165, 42, 42
Maroon #800000 128, 0, 0
Основные цвета:
Black #000000 0, 0, 0
Gray #808080 128, 128, 128
Silver #C0C0C0 192, 192, 192
White #FFFFFF 255, 255, 255
 
Fuchsia #FF00FF 255, 0, 255
Purple #800080 128, 0, 128
Red #FF0000 255, 0, 0
Maroon #800000 128, 0, 0
 
Yellow #FFFF00 255, 255, 0
Olive #808000 128, 128, 0
Lime #00FF00 0, 255, 0
Green #008000 0, 128, 0
 
Aqua #00FFFF 0, 255, 255
Teal #008080 0, 128, 128
Blue #0000FF 0, 0, 255
Navy #000080 0, 0, 128
   
Зелёные тона:
GreenYellow #ADFF2F 173, 255, 47
Chartreuse #7FFF00 127, 255, 0
LawnGreen #7CFC00 124, 252, 0
Lime #00FF00 0, 255, 0
LimeGreen #32CD32 50, 205, 50
PaleGreen #98FB98 152, 251, 152
LightGreen #90EE90 144, 238, 144
MediumSpringGreen #00FA9A 0, 250, 154
SpringGreen #00FF7F 0, 255, 127
MediumSeaGreen #3CB371 60, 179, 113
SeaGreen #2E8B57 46, 139, 87
ForestGreen #228B22 34, 139, 34
Green #008000 0, 128, 0
DarkGreen #006400 0, 100, 0
YellowGreen #9ACD32 154, 205, 50
OliveDrab #6B8E23 107, 142, 35
Olive #808000 128, 128, 0
DarkOliveGreen #556B2F 85, 107, 47
MediumAquamarine #66CDAA 102, 205, 170
DarkSeaGreen #8FBC8F 143, 188, 143
LightSeaGreen #20B2AA 32, 178, 170
DarkCyan #008B8B 0, 139, 139
Teal #008080 0, 128, 128
Синие тона:
Aqua #00FFFF 0, 255, 255
Cyan #00FFFF 0, 255, 255
LightCyan #E0FFFF 224, 255, 255
PaleTurquoise #AFEEEE 175, 238, 238
Aquamarine #7FFFD4 127, 255, 212
Turquoise #40E0D0 64, 224, 208
MediumTurquoise #48D1CC 72, 209, 204
DarkTurquoise #00CED1 0, 206, 209
CadetBlue #5F9EA0 95, 158, 160
SteelBlue #4682B4 70, 130, 180
LightSteelBlue #B0C4DE 176, 196, 222
PowderBlue #B0E0E6 176, 224, 230
LightBlue #ADD8E6 173, 216, 230
SkyBlue #87CEEB 135, 206, 235
LightSkyBlue #87CEFA 135, 206, 250
DeepSkyBlue #00BFFF 0, 191, 255
DodgerBlue #1E90FF 30, 144, 255
CornflowerBlue #6495ED 100, 149, 237
MediumSlateBlue #7B68EE 123, 104, 238
RoyalBlue #4169E1 65, 105, 225
Blue #0000FF 0, 0, 255
MediumBlue #0000CD 0, 0, 205
DarkBlue #00008B 0, 0, 139
Navy #000080 0, 0, 128
MidnightBlue #191970 25, 25, 112
Белые пастельные тона:
White #FFFFFF 255, 255, 255
Snow #FFFAFA 255, 250, 250
Honeydew #F0FFF0 240, 255, 240
MintCream #F5FFFA 245, 255, 250
Azure #F0FFFF 240, 255, 255
AliceBlue #F0F8FF 240, 248, 255
GhostWhite #F8F8FF 248, 248, 255
WhiteSmoke #F5F5F5 245, 245, 245
Seashell #FFF5EE 255, 245, 238
Beige #F5F5DC 245, 245, 220
OldLace #FDF5E6 253, 245, 230
FloralWhite #FFFAF0 255, 250, 240
Ivory #FFFFF0 255, 255, 240
AntiqueWhite #FAEBD7 250, 235, 215
Linen #FAF0E6 250, 240, 230
LavenderBlush #FFF0F5 255, 240, 245
MistyRose #FFE4E1 255, 228, 225
Серые тона:
Gainsboro #DCDCDC 220, 220, 220
LightGrey #D3D3D3 211, 211, 211
LightGray #D3D3D3 211, 211, 211
Silver #C0C0C0 192, 192, 192
DarkGray #A9A9A9 169, 169, 169
DarkGrey #A9A9A9 169, 169, 169
Gray #808080 128, 128, 128
Grey #808080 128, 128, 128
DimGray #696969 105, 105, 105
DimGrey #696969 105, 105, 105
LightSlateGray #778899 119, 136, 153
LightSlateGrey #778899 119, 136, 153
SlateGray #708090 112, 128, 144
SlateGrey #708090 112, 128, 144
DarkSlateGray #2F4F4F 47, 79, 79
DarkSlateGrey #2F4F4F 47, 79, 79
Black #000000 0, 0, 0

 

Смотрите также: 

Добавить комментарий

HTML Цвета



В HTML цвет можно задавать тремя способами:

Задание цвета в HTML по его названию

Некоторые цвета можно задавать по их названию, используя в качестве значения название цвета на английском языке. Самые распространенные ключевые слова: black (черный), white (белый), red (красный), green (зеленый), blue (синий) и др:

<p>Цвет текста – красный</p>

Наиболее популярные цвета стандарта Консорциума Всемирной паутины (англ. World Wide Web Consortium, W3C):

ЦветНазваниеЦветНазвание ЦветНазвание ЦветНазвание
Black Gray Silver White
Yellow Lime Aqua Fuchsia
Red Green Blue Purple
Maroon Olive Navy Teal

Пример использования различных цветовых названий:

Пример: задание цвета по его названию

Заголовок на красном фоне

Заголовок на оранжевом фоне

Заголовок на фоне лайм

Белый текст на синем фоне


<h3>Заголовок на красном фоне</h3>
<h3>Заголовок на оранжевом фоне</h3>
<h3>Заголовок на фоне лайм</h3>
<h3>Белый текст на синем фоне</h3>     

Задание цвета с помощью RGB

При отображении различных цветов на мониторе за основу берется RGB-палитра. Любой цвет получают, смешивая три основных: R — красный (red), G — зеленый (green), В — синий (blue). Яркость каждого цвета задается одним байтом и, следовательно, может принимать значения от 0 до 255. Например, RGB (255,0,0) отображается как красный, так как красный устанавливается в его самое высокое значение (255), а остальные установлены в 0. Также можно задавать цвет в процентном отношении. Каждый из параметров обозначает уровень яркости соответствующего цвета. Например: значения rgb(127, 255, 127) и rgb(50%, 100%, 50%) будут задавать одинаковый зеленый цвет средней насыщенности:

Пример: Задание цвета с помощью RGB

 rgb(127, 255, 127)

 rgb(50%, 100%, 50%)

<!-- Яркость каждого цвета может принимать значения от 0 до 255 -->
<h3> rgb(127, 255, 127)</h3>
<!-- Задание цвета в процентном отношении -->
<h3> rgb(50%, 100%, 50%)</h3>

Задание цвета по шестнадцатеричному значению

Значения RGB также могут быть указаны с помощью шестнадцатеричных (HEX) значений цвета в форме: #RRGGBB, где RR (красный), GG (зеленый) и BB (синий) являются шестнадцатеричными значениями от 00 до FF (так же, как десятичное 0-255). Шестнадцатеричная система, в отличие десятичной системы, базируется, как следует из ее названия, на числе 16. Шестнадцатеричная система использует следующие знаки: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, А, В, С, D, E, F. Здесь цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе представляют из себя объединением двух знаков в одно значение. Например, наибольшему числу 255 в десятичной системе соответствует самое высокое значение FF в шестнадцатеричной системе. В отличие десятичной системы, перед шестнадцатеричным числом ставят символ решетки #, например, #FF0000 отображается как красный цвет, так как красный устанавливается в его самое высокое значение (FF), а остальным цветам установлено минимальное значение (00). Знаки после символа решетки # можно набирать как прописными, так и строчными. Шестнадцатеричная система позволяет использовать сокращенную форму вида #rgb, где каждый символ равнозначен удвоенному. Так, запись #f7O следует расценивать как #ff7700.

Пример: Цвет HEX

 красный: #FF0000

 зеленый: #00FF00

 синий: #0000FF

 красный+зеленый=желтый: #FFFF00

 красный+синий=фиолетовый: #FF00FF

 зеленый+синий=голубой: #00FFFF


<h3> красный: #FF0000</h3>
<h3> зеленый: #00FF00</h3>
<h3> синий: #0000FF</h3>
<h3> красный+зеленый=желтый: #FFFF00</h3>
<h3> красный+синий=фиолетовый: #FF00FF</h3>
<h3> зеленый+синий=голубой: #00FFFF</h3>

Список широко распространённых цветов (название, HEX и RGB):

Английское название Русское название Образец HEX RGB
Amaranth Амарантовый #E52B50 229 43 80
Amber Янтарный #FFBF00 255 191 0
Aqua Сине-зеленый #00FFFF 0 255 255
Azure Лазурный #007FFF 0 127 255
Black Черный #000000 0 0 0
Blue Синий #0000FF 0 0 255
Bondi Blue Вода пляжа Бонди #0095B6 0 149 182
Brass Латунный #B5A642 181 166 66
Brown Коричневый #964B00 150 75 0
Cerulean Лазурный #007BA7 0 123 167
Dark spring green Тёмный весенне-зелёный #177245 23 114 69
Emerald Изумрудный #50C878 80 200 120
Eggplant Баклажановый #990066 153 0 102
Fuchsia Фуксия #FF00FF 255 0 255
Gold Золотой #FFD700 250 215 0
Gray Серый #808080 128 128 128
Green Зелёный #00FF00 0 255 0
Indigo Индиго #4B0082 75 0 130
Jade Нефритовый #00A86B 0 168 107
Lime Лайм #CCFF00 204 255 0
Malachite Малахитовый #0BDA51 11 218 81
Navy Тёмно-синий #000080 0 0 128
Ochre Охра #CC7722 204 119 34
Olive Оливковый #808000 128 128 0
Orange Оранжевый #FFA500 255 165 0
Peach Персиковый #FFE5B4 255 229 180
Pumpkin Тыква #FF7518 255 117 24
Purple Фиолетовый #800080 128 0 128
Red Красный #FF0000 255 0 0
Saffron Шафрановый #F4C430 244 196 48
Sea Green Зелёное море #2E8B57 46 139 87
Swamp green Болотный #ACB78E 172 183 142
Teal Сине-зелёный #008080 0 128 128
Ultramarine Ультрамариновый #120A8F 18 10 143
Violet Фиолетовый #8B00FF 139 0 255
Yellow Жёлтый #FFFF00 255 255 0

Коды цветов (фон) по насыщенности и оттенку: HTML Таблица цветов


Задачи


  • Задание цвета по его названию

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

    Задача HTML:

    Реши сам »
    <!DOCTYPE html>
    <html>
     <head>
      <meta charset="UTF-8">
      <title>Задание цвета по его названию</title>  
     </head>
     <body>
      <h3>Заголовок второго уровня</h3>
     </body>
    </html>
  • Цвет HEX

    Поменяйте цвет текста в параграфе на зеленый, используя шестнадцатеричное (HEX) значение цвета.

    Задача HTML:

    Реши сам »
    <!DOCTYPE html>
    <html>
     <head>
      <meta charset="UTF-8">
      <title>Цвет HEX</title>  
     </head>
     <body>
      <p>Это параграф</p>
     </body>
    </html>





Названия цветов | htmlbook.ru



Названия цветов | htmlbook.ru 

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

Табл. 1. Названия цветов и их значения
Название Цвет Значение Валидный
aliceblue   #f0f8ff
antiquewhite   #faebd7
aqua   #00ffff
aquamarine   #7fffd4
azure   #f0ffff
beige   #f5f5dc
bisque   #ffe4c4
black   #000000
blanchedalmond   #ffebcd
blue   #0000ff
blueviolet   #8a2be2
brown   #a52a2a
burlywood   #de8887
cadetblue   #5f9ea0
chocolate   #d2691e
coral   #ff7f50
cornflowerblue   #6495ed
cornsilk   #fff8dc
crimson   #dc143c
cyan   #00ffff
darkblue   #00008b
darkcyan   #008b8b
darkgoldenrod   #b8860b
darkgray   #a9a9a9
darkgreen   #006400
darkkhaki   #bdb76d
darkmagenta   #8b008b
darkolivegreen   #556b2f
darkorange   #ff8c00
darkorchid   #9932cc
darkred   #8b0000
darksalmon   #e9967a
darkseagreen   #8fbc8f
darkslateblue   #483d8b
darkslategray   #2f4f4f
darkturquoise   #00ced1
darkviolet   #9400d3
deeppink   #ff1493
deepskyblue   #00bfff
dimgray   #696969
dodgerblue   #1e90ff
firebrick   #b22222
floralwhite   #fffaf0
forestgreen   #228b22
fuchsia   #ff00ff
gainsboro   #dcdcdc
ghostwhite   #f8f8ff
gold   #ffd700
goldenrod   #daa520
gray   #808080
grey   #808080
green   #008000
greenyellow   #adff2f
honeydew   #f0fff0
hotpink   #ff69b4
indianred   #cd5c5c
indigo   #4b0082
ivory   #fffff0
khaki   #f0e68c
lavender   #e6e6fa
lavenderblush   fff0f5
lemonchiffon   #fffacd
lightblue   #add8e6
lightcoral   #f08080
lightcyan   #e0ffff
lightgoldenrodyellow   #fafad2
lightgreen   #90ee90
lightpink   #ffb6c1
lightsalmon   #ffa07a
lightseagreen   #20b2aa
lightskyblue   #87cefa
lightslategray   #778899
lightsteelblue   #b0c4de
lightyellow   #ffffe0
lime   #00ff00
limegreen   #32cd32
linen   #faf0f6
magenta   #ff00ff
maroon   #800000
mediumaquamarine   #66cdaa
mediumblue   #0000cd
mediumorchid   #ba55d3
mediumpurple   #9370db
mediumseagreen   #3cb371
mediumslateblue   #7b68ee
mediumspringgreen   #00fa9a
mediumturquoise   #48d1cc
mediumvioletred   #c71585
midnightblue   #191970
mintcream   #f5fffa
mistyrose   #ffe4e1
moccasin   #ffe4b5
navajowhite   #ffdead
navy   #000080
oldlace   #fdf5e6
olive   #808000
olivedrab   #6b8e23
orange   #ffa500
orangered   #ff4500
orchid   #da70d6
palegoldenrod   #eee8aa
palegreen   #98fb98
paleturquoise   #afeeee
palevioletred   #db7093
papayawhip   #ffefd5
peachpuff   #ffdab9
peru   #cd853f
pink   #ffc0cb
plum   #dda0dd
powderblue   #b0e0e6
purple   #800080
red   #ff0000
rosybrown   #bc8f8f
royalblue   #4169e1
salmon   #fa8072
sandybrown   #f4a460
seagreen   #2e2b57
seashell   #ffe5ee
sienna   #a0522d
silver   #c0c0c0
skyblue   #87ceeb
slateblue   #6a5acd
slategray   #708090
snow   #fffafa
springgreen   #00ff7f
steelblue   #4682b4
tan   #d2b48c
teal   #008080
thistle   #d8bfd8
tomato   #ff6347
turquoise   #40e0d0
violet   #ee82ee
wheat   #f5deb3
white   #ffffff
whitesmoke   #f5f5f5
yellow   #ffff00
yellowgreen   #9acd32
О сайте

Помощь

Копирование материалов

Борьба с ошибками

Технологии

Поисковый плагин

Основные разделы

Статьи

Блог

Практикум

Цифровые книги

Форум

HTML

Самоучитель HTML

XHTML

Справочник по HTML

HTML5

CSS

Самоучитель CSS

Справочник по CSS

Рецепты CSS

CSS3

Сайт

Вёрстка

Макеты

Веб-сервер

htmlbook.ru использует Друпал хостинг it-patrol

© 2002–2020 Влад Мержевич, по всем вопросам пишите по адресу [email protected]

Подпишитесь на материалы сайта по RSS

Таблица кодов безопасных цветов HTML и CSS

Таблица кодов безопасных цветов предназначена для перевода цвета, который вы подобрали, в RGB код (для создания цвета в графическом редакторе) и HEX код (для обозначения цвета в HTML). Цвета html представлены шестью символами, обозначающими доли красного, зеленого и синего цветов в конечном цвете. Известно, что изображение на мониторе компьютера формируется из огромного числа точек — пикселей. Каждый пиксель представляет источник света, состоящий из красного, зеленого и синего цветов. Чтобы получить необходимый цвет, следует увеличить либо уменьшить интенсивность свечения этих цветов. Палитра «безопасных» цветов обеспечивает правильную передачу цвета на разных типах мониторов, компьютеров и браузеров. Надеемся, это поможет вам при редактировании внешнего вида, генерации расцветок своего сайта.

Формат кодов HEX /HTML.
Цвет в формате HEX — это шестнадцатеричное представление RGB. Каждый код HTML представлен в виде 6 букв или цифр. Первые 2 символа в коде HTML означают насыщенность красного цвета; 3-й и 4-й символы — насыщенность зеленого, а 5-й и 6-й — насыщенность синего цвета. Все значения расположены между 00 и FF. Символы 00 означают наименее насыщенный цвет, FF — максимально насыщенный.

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

255.255.204 255.255.153 255.255.102 255.255.51 255.255.0 204.204.0
FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
255.204.102 255.204.0 255.204.51 204.153.0 204.153.51 153.102.0
FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600
255.153.0 255.153.51 204.153.102 204.102.0 153.102.51 102.51.0
FF9900 FF9933 CC9966 CC6600 996633 663300
255.204.153 255.153.102 255.102.0 204.102.51 153.51.0 102.0.0
FFCC99 FF9966 FF6600 CC6633 993300 660000
255.102.51 204.51.0 255.51.0 255.0.0 204.0.0 153.0.0
FF6633 CC3300 FF3300 FF0000 CC0000 990000
255.204.204 255.153.153 255.102.102 255.51.51 255.0.51 204.0.51
FFCCCC FF9999 FF6666 FF3333 FF0033 CC0033
204.153.153 204.102.102 204.51.51 153.51.51 153.0.51 51.0.0
CC9999 CC6666 CC3333 993333 990033 330000
255.102.153 255.51.102 255.0.102 204.51.102 153.102.102 102.51.51
FF6699 FF3366 FF0066 CC3366 996666 663333
255.153.204 255.51.153 255.0.153 204.0.102 153.51.102 102.0.51
FF99CC FF3399 FF0099 CC0066 993366 660033
255.102.204 255.0.204 255.51.204 204.102.153 204.0.153 153.0.102
FF66CC FF00CC FF33CC CC6699 CC0099 990066
255.204.255 255.153.255 255.102.255 255.51.255 255.0.255 204.51.153
FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399
204.153.204 204.102.204 204.0.204 204.51.204 153.0.153 153.51.153
CC99CC CC66CC CC00CC CC33CC 990099 993399
204.102.255 204.51.255 204.0.255 153.0.204 153.102.153 102.0.102
CC66FF CC33FF CC00FF 9900CC 996699 660066
204.153.255 153.51.204 153.51.255 153.0.255 102.0.153 102.51.102
CC99FF 9933CC 9933FF 9900FF 660099 663366
153.102.204 153.102.255 102.0.204 102.51.204 102.51.153 51.0.51
9966CC 9966FF 6600CC 6633CC 663399 330033
204.204.255 153.153.255 102.51.255 102.0.255 51.0.153 51.0.102
CCCCFF 9999FF 6633FF 6600FF 330099 330066
153.153.204 102.102.255 102.102.204 102.102.153 51.51.153 51.51.102
9999CC 6666FF 6666CC 666699 333399 333366
51.51.255 51.0.255 51.0.204 51.51.204 0.0.153 0.0.102
3333FF 3300FF 3300CC 3333CC 000099 000066
102.153.255 51.102.255 0.0.255 0.0.204 0.51.204 0.0.51
6699FF 3366FF 0000FF 0000CC 0033CC 000033
0.102.255 0.102.204 51.102.204 0.51.255 0.51.153 0.51.102
0066FF 0066CC 3366CC 0033FF 003399 003366
153.204.255 51.153.255 0.153.255 102.153.204 51.102.153 0.102.153
99CCFF 3399FF 0099FF 6699CC 336699 006699
102.204.255 51.204.255 0.204.255 51.153.204 0.153.204 0.51.51
66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333
153.204.204 102.204.204 51.153.153 102.153.153 0.102.102 51.102.102
99CCCC 66CCCC 339999 669999 006666 336666
204.255.255 153.255.255 102.255.255 51.255.255 0.255.255 0.204.204
CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC
153.255.204 102.255.204 51.255.204 0.255.204 51.204.204 0.153.153
99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999
102.204.153 51.204.153 0.204.153 51.153.102 0.153.102 0.102.51
66CC99 33CC99 00CC99 339966 009966 006633
102.255.153 51.255.153 0.255.153 51.204.102 0.204.102 0.153.51
66FF99 33FF99 00FF99 33CC66 00CC66 009933
153.255.153 102.255.102 51.255.102 0.255.102 51.153.51 0.102.0
99FF99 66FF66 33FF66 00FF66 339933 006600
204.255.204 153.204.153 102.204.102 102.153.102 51.102.51 0.51.0
CCFFCC 99CC99 66CC66 669966 336633 003300
51.255.51 0.255.51 0.255.0 0.204.0 51.204.51 0.204.51
33FF33 00FF33 00FF00 00CC00 33CC33 00CC33
102.255.0 102.255.51 51.255.0 51.204.0 51.153.0 0.153.0
66FF00 66FF33 33FF00 33CC00 339900 009900
204.255.153 153.255.102 102.204.0 102.204.51 102.153.51 51.102.0
CCFF99 99FF66 66CC00 66CC33 669933 336600
153.255.0 153.255.51 153.204.102 153.204.0 153.204.51 102.153.0
99FF00 99FF33 99CC66 99CC00 99CC33 669900
204.255.102 204.255.0 204.255.51 204.204.153 102.102.51 51.51.0
CCFF66 CCFF00 CCFF33 CCCC99 666633 333300
204.204.102 204.204.51 153.153.102 153.153.51 153.153.0 102.102.0
CCCC66 CCCC33 999966 999933 999900 666600
255.255.255 204.204.204 153.153.153 102.102.102 51.51.51 0.0.0
FFFFFF CCCCCC 999999 666666 333333 000000

Палитра цветов с названиями — IMG online

Палитра из 137 цветов с названиями, RGB значениями и HEX (HTML) кодом.

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

Таблица цветовых кодов HTML 🎨

HTML цветовые коды и названия.

HTML Color Picker

Красные цвета

Шестнадцатеричный код
Цвет HTML / CSS
Название цвета
900R #RRGGBB Десятичный код
(R, G, B)
световой лосось # FFA07A RGB (255 160 122)
лосось # FA8072 RGB (250 128 284)
дарксалмон # E9967A RGB (233 150 122)
светло-коралловый # F08080 RGB (240 128 128)
индейские # CD5C5C RGB (205,92,92)
малиновый # DC143C ргб (220,20,60)
огнеупорный кирпич # B22222 RGB (178,34,34)
красный # FF0000 RGB (255,0,0)
затемненный # 8B0000 RGB (139,0,0)

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

Шестнадцатеричный код
Цвет HTML / CSS
Название цвета
900R #RRGGBB Десятичный код
(R, G, B)
Коралл # FF7F50 RGB (255 127,80)
помидор # FF6347 RGB (255,99,71)
оранжево- # FF4500 RGB (255,69,0)
золото # FFD700 RGB (255 215,0)
оранжевый # FFA500 ргб (255,165,0)
Darkorange # FF8C00 RGB (255 140,0)

Желтые цвета

Шестнадцатеричный код
Цвет HTML / CSS
Название цвета
900R #RRGGBB Десятичный код
(R, G, B)
облегченный член # FFFFE0 RGB (255 255 224)
лимончифон #FFFACD RGB (255 250 205)
lightgoldenrodyellow # FAFAD2 RGB (250 250 210)
papayawhip # FFEFD5 RGB (255 239 213)
мокасины # FFE4B5 RGB (255 228 181)
персиковый # FFDAB9 RGB (255 218 185)
палегольдеррод # EEE8AA RGB (238 232 170)
хаки # F0E68C RGB (240 230 140)
даркхаки # BDB76B RGB (189 183 107)
желтый # FFFF00 RGB (255 255,0)

Зеленые цвета

Шестнадцатеричный код
Цвет HTML / CSS
Название цвета
900R #RRGGBB Десятичный код
(R, G, B)
газон # 7CFC00 RGB (124 252,0)
шартрез # 7FFF00 RGB (127 255,0)
салатовый # 32CD32 RGB (50 205 50)
известь # 00FF00 ргб (0.255,0)
лесной зелень # 228B22 RGB (34 139,34)
зеленый # 008000 RGB (0,128,0)
темно-зеленый # 006400 RGB (0,100,0)
зелено-желтый # ADFF2F RGB (173,255,47)
желто-зеленый # 9ACD32 RGB (154 205 50)
Springgreen # 00FF7F RGB (0,255,127)
mediumspringgreen # 00FA9A RGB (0,250,154)
светло-зеленый # 90EE90 RGB (144 238 144)
бледно-зеленый # 98FB98 RGB (152 251 152)
темно-зеленый # 8FBC8F RGB (143 188 143)
mediumseagreen # 3CB371 (60,179,113)
Seagreen # 2E8B57 RGB (46 399,87)
оливковое # 808000 RGB (128,128,0)
тёмно-зелёный # 556B2F RGB (85 107,47)
оливкового дерева # 6B8E23 RGB (107,142,35)

Голубые цвета

Шестнадцатеричный код
Цвет HTML / CSS
Название цвета
900R #RRGGBB Десятичный код
(R, G, B)
lightcyan # E0FFFF RGB (224 255 255)
голубой # 00FFFF RGB (0,255,255)
аква # 00FFFF RGB (0,255,255)
аквамарин # 7FFFD4 RGB (127 255 212)
медиумаквамарин # 66CDAA RGB (102 205 170)
бледно-бирюзовый #AEEEEEE RGB (175 238 238)
бирюзовый # 40E0D0 RGB (64 224 208)
средний бирюзовый # 48D1CC RGB (72 209 204)
темно-бирюзовый # 00CED1 ргб (0,206,209)
светло-зелёный # 20B2AA RGB (32 178 170)
голубой кадет # 5F9EA0 RGB (95 158 160)
темнокожий # 008B8B RGB (0,139,139)
чирок # 008080 RGB (0,128,128)

Синие цвета

Шестнадцатеричный код
Цвет HTML / CSS
Название цвета
900R #RRGGBB Десятичный код
(R, G, B)
пудрово-синий # B0E0E6 RGB (176 224 230)
светло-голубой # ADD8E6 RGB (173 216 230)
светло-синий # 87CEFA RGB (135 206 250)
небесно-голубой # 87CEEB RGB (135 206 235)
темно-синий # 00BFFF RGB (0,191,255)
светло-голубой # B0C4DE RGB (176 196 222)
ловкий синий # 1E90FF ргб (30,144,255)
васильковый # 6495ED RGB (100 149 237)
стальной синий # 4682B4 RGB (70 130 180)
королевский синий # 4169E1 RGB (65 105 225)
синий # 0000FF RGB (0,0255)
Medumblue # 0000CD RGB (0,0205)
темно-синий # 00008B RGB (0,0 139)
флот # 000080 RGB (0,0,128)
полуночно-синий # 191970 RGB (25,25,112)
средне-голубой # 7B68EE RGB (123 104 238)
сланцево-синий # 6A5ACD RGB (106,90,205)
черный темно-синий # 483D8B RGB (72,61,139)

Фиолетовый цвет

Шестнадцатеричный код
Цвет HTML / CSS
Название цвета
900R #RRGGBB Десятичный код
(R, G, B)
лаванда # E6E6FA RGB (230 230 250)
чертополох # D8BFD8 RGB (216 191 216)
слива # DDA0DD RGB (221 160 221)
фиолетовый # EE82EE (238 130 238)
орхидея # DA70D6 RGB (218 112 214)
фуксия # FF00FF RGB (255,0255)
пурпурный # FF00FF RGB (255,0255)
средняя орхидея # BA55D3 RGB (186,85,211)
mediumpurple # 9370DB RGB (147 112 219)
сине-фиолетовый # 8A2BE2 RGB (138,43,226)
темно-фиолетовый # 9400D3 RGB (148 0 211)
темная орхидея # 9932CC (153, 50, 204)
даркмагента # 8B008B RGB (139,0139)
фиолетовый # 800080 RGB (128,0,128)
индиго # 4B0082 RGB (75,0130)

Розовые цвета

Шестнадцатеричный код
Цвет HTML / CSS
Название цвета
900R #RRGGBB Десятичный код
(R, G, B)
розовый # FFC0CB RGB (255 192 203)
лайтпинк # FFB6C1 RGB (255 182 193)
hotpink # FF69B4 RGB (255 105 180)
диппинк # FF1493 RGB (255,20,147)
бледно-фиолетовый # DB7093 RGB (219 112 147)
средне-фиолетовый # C71585 RGB (199,21,133)

Белые цвета

Шестнадцатеричный код
Цвет HTML / CSS
Название цвета
900R #RRGGBB Десятичный код
(R, G, B)
белый #FFFFFF RGB (255 255 255)
снег #FFFAFA RGB (255 250 250)
роса # F0FFF0 RGB (240 255 240)
монетный двор # F5FFFA RGB (245 255 250)
лазурный # F0FFFF RGB (240 255 255)
aliceblue # F0F8FF RGB (240 248 255)
призрачный белый # F8F8FF RGB (248 248 255)
белый дым # F5F5F5 RGB (245 245 245)
морская ракушка # FFF5EE RGB (255 245 238)
бежевый # F5F5DC RGB (245 245 220)
oldlace # FDF5E6 RGB (253 245 230)
цветочно-белый # FFFAF0 RGB (255 250 240)
слоновая кость # FFFFF0 RGB (255 255 240)
антиквайт # FAEBD7 RGB (250 235 215)
белье # FAF0E6 RGB (250 240 240)
лавандовый румяна # FFF0F5 RGB (255 240 245)
мистироз # FFE4E1 RGB (255 228 225)

Серые цвета

Шестнадцатеричный код
Цвет HTML / CSS
Название цвета
900R #RRGGBB Десятичный код
(R, G, B)
Гейнсборо #DCDCDC (220 220 220)
светло-серый # D3D3D3 RGB (211 211 211)
серебро # C0C0C0 RGB (192 192 192)
темно-серый # A9A9A9 RGB (169 169 169)
серый # 808080 RGB (128 128 128)
Димгрей # 696969 RGB (105 105 105)
светло-серый # 778899 RGB (119 136 153)
слантергрей # 708090 ргб (112,128,144)
дарклатгрейгр # 2F4F4F RGB (47,79,79)
черный # 000000 ргб (0,0,0)

Коричневые цвета

Шестнадцатеричный код
Цвет HTML / CSS
Название цвета
900R #RRGGBB Десятичный код
(R, G, B)
кукурузный шелк # FFF8DC RGB (255 248 220)
миндаля #FFEBCD (255 235 205)
бисквит # FFE4C4 (255 228 196)
navajowhite #FFDEAD (255 222 173)
пшеница # F5DEB3 RGB (245 222 179)
Burlywood # DEB887 RGB (222 184 135)
загар # D2B48C RGB (210 180 140)
розовато-коричневый # BC8F8F RGB (188,143,143)
песочно-коричневый # F4A460 RGB (244 164,96)
золотарник # DAA520 RGB (218,165,32)
перу # CD853F (205, 133, 63)
шоколад # D2691E RGB (210 105,30)
седло-коричневый # 8B4513 RGB (139,69,19)
сиена # A0522D RGB (160,82,45)
коричневый # A52A2A RGB (165,42,42)
бордовый # 800000 RGB (128,0,0)


См. Также

Напишите, как улучшить эту страницу

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

HTML-таблиц


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


Пример

Компания Контакт Страна
Альфред Футтеркисте Мария Андерс Германия
Торговый центр Moctezuma Франциско Чанг Мексика
Эрнст Гендель Роланд Мендель Австрия
Island Trading Хелен Беннетт Великобритания
винных яиц Bacchus Йоши Таннамури Канада
Magazzini Alimentari Riuniti Джованни Ровелли Италия
Попробуй сам »

Определите таблицу HTML

Тег

определяет таблицу HTML.

Каждая строка таблицы определяется тегом

. Каждый заголовок таблицы определяется тегом





<имя>:


. Каждая таблица данных / ячейка определяется с тегов .

По умолчанию текст в

элемент смелые и по центру.

По умолчанию текст в

элементов регулярны и выровнены по левому краю.

Пример

Простая таблица HTML:

<таблица>

Имя
Фамилия
Возраст

Джилл
Смит
50

Ева
Джексон
94

Попробуй сам »

Примечание: Элементы

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



HTML Table — Добавить границу

Чтобы добавить границу к таблице, используйте свойство CSS border :

Не забудьте определить границы как для таблицы, так и для ячеек таблицы.


HTML-таблица — Свернутые границы

Чтобы границы слились в одну, добавьте CSS border-collapse свойство:

Пример

таблица, th, td {
border: 1px solid black;
коллапс границы: коллапс;
}

Попробуй сам »

HTML Table — Добавить Cell Padding

Заполнение ячейки определяет пространство между содержимым ячейки и ее границами.

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

Чтобы установить отступ, используйте свойство CSS padding :


HTML-таблица — заголовки с выравниванием по левому краю

По умолчанию заголовки таблицы выделены жирным шрифтом и центрированы.

Чтобы выровнять заголовки таблицы по левому краю, используйте свойство CSS text-align :


HTML Table — Добавить интервал границы

Интервал границы определяет расстояние между ячейками.

Чтобы задать интервал границ для таблицы, используйте свойство CSS border-spacing :

Примечание: Если таблица имеет свернутые границы, межблочный интервал не имеет никакого эффекта.


HTML-таблица — ячейка, охватывающая множество столбцов

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

Пример

<таблица>

Имя
Телефон

Билл Гейтс
55577854
55577855

Попробуй сам »

HTML-таблица — ячейка, охватывающая много строк

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

Пример

<таблица>

Билл Гейтс

Телефон:
55577854

55577855

Попробуй сам »

HTML-таблица — добавить подпись

Чтобы добавить подпись к таблице, используйте тег

:

Пример





Ежемесячная экономия
Месяц
Экономия

Январь < / td>
$ 100

февраля
50 $

Попробуй сам »

Примечание: Тег

должен быть вставлен сразу после тега .


Особый стиль для одного стола

Чтобы определить специальный стиль для одной конкретной таблицы, добавьте ID атрибут к таблице:

Пример

<таблица>



Имя
Фамилия
Возраст

Ева
Джексон
94

Теперь вы можете определить специальный стиль для этой таблицы:

# t01 {
ширина: 100%;
цвет фона: # f1f1c1;
}

Попробуй сам »

И добавить больше стилей:

# t01 tr: nth-child (even) {
цвет фона: #eee;
}
# t01 tr: nth-child (нечетный) {
цвет фона: #fff;
}
# t01th {
цвет: белый;
цвет фона: черный;
}

Попробуй сам »

Резюме главы

  • Используйте элемент HTML для определения таблицы
  • Используйте элемент HTML
  • для определения строки таблицы
  • Используйте элемент HTML
  • для определения данных таблицы
  • Используйте элемент HTML
  • для определения заголовка таблицы
  • Используйте элемент HTML
  • для определения заголовка таблицы
  • Используйте свойство CSS border для определения границы
  • Используйте свойство CSS border-collapse , чтобы свернуть границы ячейки
  • Используйте свойство CSS padding , чтобы добавить отступ в ячейки
  • Используйте свойство CSS text-align для выравнивания текста ячейки
  • Используйте свойство CSS border-spacing , чтобы установить расстояние между ячейками
  • Используйте атрибут colspan , чтобы ячейка занимала много столбцов
  • Используйте атрибут rowspan , чтобы ячейка занимала много строк
  • Используйте атрибут id , чтобы однозначно определить одну таблицу

  • HTML Упражнения


    HTML-теги таблиц

    . .
    тег Описание
    <стол> Определяет таблицу
    тыс. Определяет ячейку заголовка в таблице
    Определяет строку в таблице
    <тд> Определяет ячейку в таблице
    <подпись> Определяет заголовок таблицы
    Указывает группу из одного или нескольких столбцов в таблице для форматирования
    Задает свойства столбца для каждого столбца в элементе
    Группирует содержимое заголовка в таблице
    Группирует содержание тела в таблице
    Группирует содержимое нижнего колонтитула в таблице

    ,

    CSS цветовые коды и имена

    CSS цветовые коды и имена.

    CSS цвет

    Цветовой код может быть одним из:

    шестнадцатеричный формат: #rrggbb

    Формат RGB: RGB (красный, зеленый, синий)

    Формат имени: Название

    Пример

    Для оранжевого цвета:

    шестнадцатеричный формат: # FFA500

    Формат RGB: rgb (255,165,0)

    Формат имени: оранжевый

    Элемент настройки цвета

    Для конкретного элемента:

    Для всех элементов одного типа.Поместите код в тег