Коды цветов в HTML и CSS. Css таблица цветов


Таблица цветов | Справочник 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 Цвета

Please enable JavaScript to view the comments powered by Disqus.

wm-school.ru

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

Название цветов HTML, CSS Коды цветов HTML, CSS Цвета HTML, CSS Название цветов HTML, CSS Коды цветов HTML, CSS Цвета HTML, CSS
Кармин #960018 Желто-зеленый #adff2f
Кардинал #c41e3a Салатовый #99ff99
Тициановый #d53e07 Зеленой мяты #98ff98
Красный #ff0000 Зеленого чая #d0f0c0
Алый #ff2400 Темного зеленого чая #badbad
Карминово-красный #ff0033 Зеленого мха #addfad
Киноварь #ff4d00 Серо-зеленый #ace1af
Международный оранжевый #ff4f00 Бледно-зеленый #77dd77
Ализариновый #e32636 Зелено-морской #2e8b57
Малиновый #dc143c Темно-зеленый #013220
Каштановый #cd5c5c Красного моря #1f4037
Темно-коралловый #cd5b45 Темный весенне-зеленый #177245
Морковный #f36223 Нефритовый #00a86b
Сиена жженая #e97451 Изумрудный #50c878
Коралловый #ff7f50 Темный пастельно-зеленый #03c03c
Лососевый #ff8c69 Малахитовый #0bda51
Темно-лососевый #e9967a Весенне-зеленый #00ff7f
Оранжево-розовый #ff9966 Аквамариновый #7fffd4
Сомон #efaf8c Панг #c7fcec
Розовый #ffc0cb Лягушки в обмороке #7b917b
Бледно-розовый #fadadd Маренго #4c5866
Розовато-лавандовый #fff0f5 Серой спаржи #465945
Бледно-песочный #fdeaa8 Аспидно-серый #2f4f4f
Циннвальдитовый #ebc2af Темно-бирюзовый #116062
Бледно-коричневый #987654 Мурена #1c6b72
Темно-каштановый #986960 Зеленой сосны #01796f
Красновато-коричневый #755a57 Cине-зеленый #008080
Кофейный #442d25 Яйца дрозда #00cccc
Бистр #3d2b1f Бирюзовый #30d5c8
Темно-коричневый #654321 Ярко-бирюзовый #08e8de
Коричный #7b3f00 Циан #00ffff
Медвежьего ушка #834d18 Электрик #7df9ff
Сепия #704214 Бледно-синий #afeeee
Умбра #734a12 Серебристый #c0c0c0
Кирпичный #884535 Светло-серый #bbbbbb
Терракотовый #904d30 Кварцевый #99958c
Коричневый #964b00 Серого шифера #708090
Камелопардовый #a25f2a Серый #808080
Краснобуро-оранжевый #cd5700 Мокрого асфальта #505050
Выгоревший оранжевый #cc5500 Антрацитовый #464451
Шоколадный #d2691e Черный #000000
Охра #cc7722 Берлинской лазури #003153
Медный #b87333 Сапфировый #082567
Светло-коричневый #cd853f Полуночно-синий #003366
Ванильный #d5713f Темно-синий #000080
Рыжий #d77d31 Ультрамариновый #120a8f
Бронзовый #cd7f32 Синей пыли #003399
Темно-золотой #b8860b Темно-лазурный #08457e
Золотисто-березовый #daa520 Черного моря #1a4780
Гуммигут #e49b0f Синий #0000ff
Сиена #e28b00 Кобальтовый #0047ab
Темно-мандариновый #ea7500 Лазурно-синий #2a52be
Тыквенный #ff7518 Джинсовый #1560bd
Последний вздох Жако #ff9218 Королевский синий #4169e1
Мандариновый #ff8800 Лазурно-серый #007ba7
Сигнальный оранжевый #ff9900 Синий Клейна #3a75c4
Оранжевый #ffa500 Синей стали #4682b4
Отборный желтый #ffba00 Воды пляжа Бонди #0095b6
Янтарный #ffbf00 Лазурный #007fff
Яндекса #ffcc00 Морской волны #008cf0
Желтого школьного автобуса #ffd800 Защитно-синий #1e90ff
Золотистый #ffd700 Голубой #42aaff
Горчичный #ffdb58 Васильковый #6495ed
Песочный #fcdd76 Сизый #79a0c1
Кожи буйвола #f0dc82 Ниагара #9db1cc
Старого льна #eedc82 Небесный #7fc7ff
Оранжево-персиковый #ffcc99 Бледно-васильковый #abcdef
Белый навахо #ffdead Барвинковый #ccccff
Темно-персиковый #ffdab9 Гридеперлевый #c7d0cc
Желто-персиковый #fadfad Бороды Абдель-Керима #d5d5d5
Пшеничный #f5deb3 Лавандовый #e6e6fa
Персиковый #ffe5b4 Чертополоховый #d8bfd8
Желто-розовый #ffe4b2 Сиреневый #c8a2c8
Побега папайи #ffefd5 Глициниевый #c9a0dc
Морской пены #fff5ee Аметистовый #9966cc
Белый #ffffff Серобуромалиновый #735184
Бежевый #f5f5dc Фиолетовый #8b00ff
Льняной #faf0e6 Персидский синий #6600ff
Бедра испуганной нимфы #faeedd Темно-фиолетовый #423189
Сливочный #f2e8c9 Темный индиго #310062
Пергидрольной блондинки #eee6a3 Индиго #4b0082
Желто-коричневый #d2b48c Темно-пурпурный #660099
Шамуа #a08040 Сливовый #660066
Темный желто-коричневый #918151 Фиолетово-баклажанный #991199
Хаки #806b2a Орхидеевый #da70d6
Темный хаки #4c3c18 Гелиотроповый #df73ff
Оливковый #808000 Фиалковый #ea8df7
Нежно-оливковый #6b8e23 Бледно-пурпурный #f984e5
Латунный #b5a642 Фуксии #f754e1
Темно-грушевый #d8a903 Звезды в шоке #ff47ca
Старого золота #cfb53b Пурпурный #ff00ff
Шафрановый #f4c430 Ярко-розовый #fc0fc0
Грушевый #efd334 Ярко-фиолетовый #cd00cd
Желтый #ffff00 Баклажановый #990066
Лимонный #fde910 Вишневый #911e42
Детской неожиданности #f7f21a Розовато-лиловый #993366
Кукурузный #fbec5d Фиолетово-красный #c71585
Вердепешевый #dad871 Светло-вишневый #de3163
Лимонно-кремовый #fffacd Темно-розовый #e75480
Слоновой кости #fffddf Лиловый #db7093
Кремовый #f2ddc6 Бледно-каштановый #ddadaf
Серого зеленого чая #cadaba Пюсовый #cc8899
Болотный #acb78e Розовый Маунтбэттена #997a8d
Cпаржи #7ba05b Бледный розовато-лиловый #996666
Защитный #78866b Умбра жженая #8a3324
Темно-оливковый #556832 Блошиного брюшка #4e1609
Зеленого папоротника #4f7942 Бурый #45161c
Травяной #5da130 Темно-алый #560319
Влюбленной жабы #3caa3c Бургундский #900020
Вердепомовый #34c924 Коричнево-малиновый #800000
Зеленый #00ff00 Сангиновый #92000a
Ярко-зеленый #66ff00 Бисмарк-фуриозо #a5260a
Ядовито-зеленый #7fff00 Бордовый #9b2d30
Лаймовый #ccff00 Бледно-карминный #af4035
Фисташковый #bef574 Ржаво-коричневый #b7410e

cvet-html-css.narod.ru

Таблица основных цветов CSS

Цвета, выводимые на экране монитора, меняются в зависимости от интенсивности свечения рабочих точек поверхности дисплея, каждая из которых, делает возможным отображение трёх основных каналов: red-красный, green-зеленый и blue-синий.

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

Такой метод передачи цвета называется RGB-способ.

Один канал позволяет передать от 0 до 256 оттенков.

Цвета задаются в шестнадцатеричном коде следующими цифрами:

0 1 2 3 4 5 6 7 8 9 A B C D E F

Цифры с 10 до 15 заменены на латинские буквы.

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

HTML цвет div HTML <div> white </div> <div> blue </div> <div> red </div> CSS .box{ width: 250px; font-size: 24px; font-weight: bold; line-height: 50px; margin: 0px auto; padding: 3px 20px; text-align: center; } .red{ color: #fff; background-color: #d52b1e; } .blue{ color: #fff; background-color: #0039a6; } .white{ color: #818181; background-color: #fff; }

code-pattern.ru

Таблица именованных цветов • Про CSS

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

Информация взята отсюда w3.org/TR/css3-color/#svg-color, но я изменила порядок вывода, чтобы было удобно искать близкие оттенки.

Upd: есть более продвинутая версия — Handy colors. Список цветов + палитры, можно собрать свою.

 mistyrose

 lavenderblush

 seashell

 floralwhite

 oldlace

 linen

 pink

 lightpink

 lightcoral

 palevioletred

 mediumvioletred

 darkmagenta

 purple

 deeppink

 hotpink

 fuchsia

 magenta

 violet

 rosybrown

 saddlebrown

 sienna

 indianred

 peru

 darksalmon

 sandybrown

 lightsalmon

 burlywood

 tan

 wheat

 peachpuff

 navajowhite

 moccasin

 bisque

 blanchedalmond

 antiquewhite

 papayawhip

 cornsilk

 ivory

 beige

 lightgoldenrodyellow

 palegoldenrod

 goldenrod

 darkgoldenrod

 chocolate

 maroon

 darkred

 brown

 firebrick

 crimson

 red

 orangered

 tomato

 salmon

 coral

 darkorange

 orange

 gold

 yellow

 lemonchiffon

 lightyellow

 khaki

 darkkhaki

 olive

 darkolivegreen

 olivedrab

 yellowgreen

 greenyellow

 lawngreen

 chartreuse

 lime

 limegreen

 forestgreen

 green

 darkgreen

 seagreen

 mediumseagreen

 darkseagreen

 springgreen

 mediumspringgreen

 lightgreen

 palegreen

 honeydew

 mintcream

 azure

 aquamarine

 turquoise

 mediumturquoise

 mediumaquamarine

 darkturquoise

 lightseagreen

 cadetblue

 darkcyan

 teal

 darkslategray

 darkslategrey

 steelblue

 dodgerblue

 deepskyblue

 aqua

 cyan

 lightcyan

 aliceblue

 paleturquoise

 powderblue

 lightblue

 lightsteelblue

 skyblue

 lightskyblue

 cornflowerblue

 royalblue

 blue

 mediumblue

 darkblue

 navy

 midnightblue

 darkslateblue

 slateblue

 mediumslateblue

 indigo

 rebeccapurple

 mediumpurple

 blueviolet

 darkviolet

 darkorchid

 mediumorchid

 orchid

 plum

 thistle

 lavender

 ghostwhite

 white

 snow

 whitesmoke

 gainsboro

 lightgray

 lightgrey

 silver

 darkgray

 darkgrey

 lightslategrey

 lightslategray

 slategrey

 slategray

 gray

 grey

 dimgray

 dimgrey

 black

css.yoksel.ru

коды цветов // Вебшкола онлайн

 назад вперед

Названия цветов, поддерживаемые всеми браузерами

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

Такой же список, но отсортированный по названию

Название цвета 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  
LightGrey  #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  

Заметка: Названия цветов, представленные выше, не являются стандартом W3C.

Консорциум W3C перечисляет 16 валидных названий цветов для HTML и CSS:aqua (аквамарин), black (черный), blue (синий), fuchsia (фуксиновый), gray (серый), green (зеленый), lime (лайм или салатовый), maroon (каштановый), navy (ультрамарин), olive (оливковый), purple (пурпурный), red (красный), silver (серебристый), teal (сизый), white (белый) и yellow (желтый).

При использовании цветов, не входящих в этот список, правильнее будет использовать их шестнадцатеричный код (HEX) или код RGB.

назад вперед

weblabla.ru

Цвета CSS // Вебшкола онлайн

 назад вперед

Цвета на мониторе получаются при смешивании Красного, Зеленого и Синего цветов (Red, Green, Blue).

Коды цветов

Цвета в CSS обозначаются шестнадцатеричным (HEX) обозначением сочетания красного, синего и зеленого цвета (RGB).

Наименьшим значением цвета является 0 (шестнадцатеричное 00). Наибольшим значением цвета является 255 (шестнадцатеричное FF).

Шестнадцатеричное значение цвета представляет из себя три цифры, начинающиеся со знака #.

Цвет Код HEX Код RGB
  #000000 rgb(0,0,0)
  #FF0000 rgb(255,0,0)
  #00FF00 rgb(0,255,0)
  #0000FF rgb(0,0,255)
  #FFFF00 rgb(255,255,0)
  #00FFFF rgb(0,255,255)
  #FF00FF rgb(255,0,255)
  #C0C0C0 rgb(192,192,192)
  #FFFFFF rgb(255,255,255)

16 миллионов оттенков

Сочетание красного, синего и зеленого цветов со значениями с долей каждого цвета от 0 до 255 дают в сумме более 16 миллионов оттенков (256 x 256 x 256).

Большинство современных мониторов способны отобразить, как минимум, 16384 различных оттенков (ЖК-мониторы, в большинстве своем, отображают 262 тысячи цветов, а ЭЛТ-мониторы - практически неограниченное количество цветов).

В цветовой таблице ниже приведено изменение доли красного цвета с 0 до 255 при нулевых значениях синего и зеленого цветов:

Красный Код HEX Код RGB
  #000000  rgb(0,0,0) 
  #080000  rgb(8,0,0) 
  #100000  rgb(16,0,0) 
  #180000  rgb(24,0,0) 
  #200000  rgb(32,0,0) 
  #280000  rgb(40,0,0) 
  #300000  rgb(48,0,0) 
  #380000  rgb(56,0,0) 
  #400000  rgb(64,0,0) 
  #480000  rgb(72,0,0) 
  #500000  rgb(80,0,0) 
  #580000  rgb(88,0,0) 
  #600000  rgb(96,0,0) 
  #680000  rgb(104,0,0) 
  #700000  rgb(112,0,0) 
  #780000  rgb(120,0,0) 
  #800000  rgb(128,0,0) 
  #880000  rgb(136,0,0) 
  #900000  rgb(144,0,0) 
  #980000  rgb(152,0,0) 
  #A00000  rgb(160,0,0) 
  #A80000  rgb(168,0,0) 
  #B00000  rgb(176,0,0) 
  #B80000  rgb(184,0,0) 
  #C00000  rgb(192,0,0) 
  #C80000  rgb(200,0,0) 
  #D00000  rgb(208,0,0) 
  #D80000  rgb(216,0,0) 
  #E00000  rgb(224,0,0) 
  #E80000  rgb(232,0,0) 
  #F00000  rgb(240,0,0) 
  #F80000  rgb(248,0,0) 
  #FF0000  rgb(255,0,0) 

Оттенки серого

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

Оттенки серого Код HEX Код RGB
  #000000  rgb(0,0,0) 
  #080808  rgb(8,8,8) 
  #101010  rgb(16,16,16) 
  #181818  rgb(24,24,24) 
  #202020  rgb(32,32,32) 
  #282828  rgb(40,40,40) 
  #303030  rgb(48,48,48) 
  #383838  rgb(56,56,56) 
  #404040  rgb(64,64,64) 
  #484848  rgb(72,72,72) 
  #505050  rgb(80,80,80) 
  #585858  rgb(88,88,88) 
  #606060  rgb(96,96,96) 
  #686868  rgb(104,104,104) 
  #707070  rgb(112,112,112) 
  #787878  rgb(120,120,120) 
  #808080  rgb(128,128,128) 
  #888888  rgb(136,136,136) 
  #909090  rgb(144,144,144) 
  #989898  rgb(152,152,152) 
  #A0A0A0  rgb(160,160,160) 
  #A8A8A8  rgb(168,168,168) 
  #B0B0B0  rgb(176,176,176) 
  #B8B8B8  rgb(184,184,184) 
  #C0C0C0  rgb(192,192,192) 
  #C8C8C8  rgb(200,200,200) 
  #D0D0D0  rgb(208,208,208) 
  #D8D8D8  rgb(216,216,216) 
  #E0E0E0  rgb(224,224,224) 
  #E8E8E8  rgb(232,232,232) 
  #F0F0F0  rgb(240,240,240) 
  #F8F8F8  rgb(248,248,248) 
  #FFFFFF  rgb(255,255,255) 

Кросс-браузерные (для всех браузеров) названия цветов

Коллекция из 150 названий цветов, поддерживаемых во всех браузерах.

Посмотреть коллекцию.

Стандартизированные названия цветов

Консорциум W3C перечисляет 16 валидных названий цветов для HTML и CSS: aqua (аквамарин), black (черный), blue (синий), fuchsia (фуксиновый), gray (серый), green (зеленый), lime (лайм или салатовый), maroon (каштановый), navy (ультрамарин), olive (оливковый), purple (пурпурный), red (красный), silver (серебристый), teal (сизый), white (белый) и yellow (желтый).

При использовании цветов, не входящих в этот список, правильнее будет использовать их шестнадцатеричный код (HEX) или код RGB.

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

Несколько лет назад, когда компьютеры могли поддерживать максимум 256 различных цветов, был предложен список из 216 «Безопасных web-цветов» с 40 цветами, зарезервированными для системы.

Эта 216-цветная палитра была создана для того, чтобы правильно отобразить цвета в режиме 256-цветной палитры.

Теперь это не важно, потому что большинство компьютеров во всем мире поддерживают миллионы оттенков цвета. В любом случае вот список этих цветов:

000000 000033 000066 000099 0000CC 0000FF
003300 003333 003366 003399 0033CC 0033FF
006600 006633 006666 006699 0066CC 0066FF
009900 009933 009966 009999 0099CC 0099FF
00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF
330000 330033 330066 330099 3300CC 3300FF
333300 333333 333366 333399 3333CC 3333FF
336600 336633 336666 336699 3366CC 3366FF
339900 339933 339966 339999 3399CC 3399FF
33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF
660000 660033 660066 660099 6600CC 6600FF
663300 663333 663366 663399 6633CC 6633FF
666600 666633 666666 666699 6666CC 6666FF
669900 669933 669966 669999 6699CC 6699FF
66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF
66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF
990000 990033 990066 990099 9900CC 9900FF
993300 993333 993366 993399 9933CC 9933FF
996600 996633 996666 996699 9966CC 9966FF
999900 999933 999966 999999 9999CC 9999FF
99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF
99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF
CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF
CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF
CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF
CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF
CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF
FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF
FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF
FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF
FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF
FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF
назад вперед

weblabla.ru