Содержание

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

Если вы хотите поправить цветовую составляющую текста на вашем сайте, например, для фона — то вам надо, как минимум, узнать что такое 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 Имя ЦветаHEX
RGB
Красные тона:
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 самостоятельно задать цвет в CSS

Представляем на dle9.com страницу «Таблица цветов html», она будет полезна веб-разработчикам, дизайнеру сайта, оформителям и сайтостроителю, как инструмент подсказка, чтобы постоянно не смотреть в редактор и не выбирать цвета. Такое часто приходится, если вы надо подобрать какой-то цветов тонна или гаммы, чтобы ресурс смотрелся, был красиво оформлен и удобен пользователям. Стоит отметить, что задать цвета в html можно несколькими способами, тут в таблице приведены (варианты, отсортированы в порядке популярности их использования):

Коды и названия цветов html (CSS и RGB) с примерами можно посмотреть на этой странице html удобно копировать и видеть результат, ведь таблица html цветов представлена в виде списка.


Как вам самостоятельно задать цвет в CSS, вот несколько вариант:
1. Задание цвета методом шести цифр шестнадцатеричного кода
В начале, обязательно пишется символ решётка, пример этого варианта: #XXXXXX. Две цифры впереди отвечают за силу и глубину красного цвета (Red), две следующие цифры зеленый (Green) и оставшиеся две цифры отвечает за синий цвет (Blue). Из букв получаем модель RGB цветосочетания. Метод применяется чаще всего для решения задач оформления страниц сайта вебмастера, он замечательно позволяет точно подобрать подходящий оттенок цвета.
Примечание Существует более краткая форма обозначения цвета в виде трех шестнадцатеричных цифры: #XXX. В этом случаи каждый цвет определяется двухзначным шестнадцатеричным числом, поэтому каждая цифра дублируется. К примеру, #ABC соответствует коду #AABBCC. Также и с цифрами.

2. Задать цвет можно с помощью слов, через его название


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

3. Задание цвета методом трех десятичных чисел


Похожий метод на первый вариант, но с более сложным синтаксисом: rgb(XYZ,XYZ,XYZ), где X, Y, Z — любые десятичные цифры, но XYZ не должны быть больше значения 255. Каждый из трех чисел отделенные запятой отвечают за какой-то цвет (красный, зелёный, синий).
Сама таблица цветов html представлен здесь на dle9.com ниже, наглядный пример цвета и три варианта с обозначением в формате цифр, RGB-модели, и названия html код цвета.

Коды и названия цветов html (CSS и RGB) с примерами можно посмотреть на этой странице html удобно копировать и видеть результат.

Цвет html, специальные символы ☭

Содержание:

Цвет html

В HTML существует несколько десятков названий цветов, но валидатор validator.w3.org расценивает их, как не соответствующие спецификациям HTML, кроме указанных в таблице. Например, значение цвета: orangered, для сайтов типа XHTML 0.1 Transitional, валидатор расценивает как ошибку. Поэтому значения цвета в HTML и CSS лучше задавать при помощи шестнадцатеричного кода, как в колонке «Значение».

Для сокращения можно писать: #fc4, вместо: #fc4fc4, или для черного: #000, вместо: #000000, если первых три символа после решетки совпадают с последующими тремя:

ЦветНазваниеЗначение
 aqua#00ffff
 black#000
 blue#0000ff
 fuchsia#ff00ff
 gray#808080
 green#008000
 lime#00ff00
 maroon#800000
 navy#000080
 olive#808000
 purple#800080
 red#f00000
 silver#c0c0c0
 teal#008080
 white#fff
 yellow#ffff00

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

Рис.1 Безопасные web цвета

Специальные символы html

Распространённые специальные символы, которые являются либо недопустимыми, как знак <, который является скобкой для обозначения тегов HTML. Либо это такой необходимый символ как неразрывный пробел, который иногда требуется вставить в код страницы, чтобы браузер не смел переносить строку в этом месте. Использовать можно как литерал, так и код символа.

НазваниеСимволЛитералКод
Амперсанд&&amp;&#38;
Длинное тире—&mdash;&#8212;
Короткое тире–&ndash;&#8211;
Угловые кавычки«&laquo;&#171;
»&raquo;&#187;
Двойные кавычки“&laquo;&#8220;
”&rdquo;&#8221;
Меньше<&lt;&#60;
Больше>&gt;&#62;
Умножение×&times;&#215;
Деление÷&divide;&#247;
Авторское право©&copy;&#169;
Зарегистрированная торговая марка®&reg;&#174;
Неразрывный пробел &nbsp;&#160;

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

Их также можно использовать для раскрутки, путем формирования привлекательного сниппета в поисковой выдаче Google. Создание расширенного сниппета сайта увеличивает его кликабельность (CTR), и приносит больше посетителей.

Старые браузеры, включая IE 8, не отображают все возможные специальные символы. Вместо двоеточия подставляйте цифру из заглавия колонки. Например, снеговик ☃ — (&#9731;), череп с костями ☠ — (&#9760;), а серп и молот ☭ — (&#9773;):

0123456789
&#931..;①②③④⑤⑥⑦⑧
&#932..;⑨⑩⑪⑫⑬⑭⑮⑯⑰⑱
&#933..;⑲⑳⑴⑵⑶
&#939..;⒳⒴⒵ⒶⒷ
&#940..;ⒸⒹⒺⒻⒼⒽⒾⒿⓀⓁ
&#973..;☂☃☄★☆☇☈☉☊☋
&#974..;☌☍☎☏☐☑☒☓
&#976..;☠☡☢☣☤☥☦☧☨☩
&#977..;☪☫☬☭☮☯
&#978..;☸☹☺☻☼☽
&#979..;☾☿♀♁♂♃♄♅♆♇
&#980..;♈♉♊♋♌♍♎♏♐♑
&#981..;♒♓♔♕♖♗♘♙♚♛
&#982..;♜♝♞♟♠♡♢♣♤♥
&#983..;♦♧♨♩♪♫♬♭♮♯
&#999..;✆✇✈✉✌✍✎✏
&#1001..;✚✛✜✝✞✟✠✡✢✣
&#1002..;✤✥✦✧✨✩✪✫✬✭
&#1003..;✮✯✰✱✲✳✴✵✶✷
&#1004..;✸✹✺✻✼✽✾✿❀❁
&#1010..;❶❷❸❹❺❻❼❽
&#1011..;❾❿➀➁➂➃➄➅➆➇
&#1012..;➈➉➊➋➌➍➎➏➐➑
&#1015..;➦➧➨➩➪➫➬➭➮➯
&#1016..;➱➲➳➴➵➶➷➸➹

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

Содержание:

Поделиться с друзьями:

HTML цвета | Как создать сайт

HTML цвета

Подробную информацию по  цветам в HTML  можно  найти в уроке «Как сделать картинку фоном» и в уроке «Цвет в CSS»,
а здесь я приведу таблицу цветовых констант в 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
Жёлтые
Имя цветаHEXRGB
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
Оранжевые
Имя цветаHEXRGB
Coral#FF7F50255 127 80
Tomato#FF6347255 99 71
OrangeRed#FF4500255 69 0
DarkOrange#FF8C00255 140 0
Orange#FFA500255 165 0
Розовые
Имя цветаHEXRGB
Pink#FFC0CB255 192 203
LightPink#FFB6C1255 182 193
HotPink#FF69B4255 105 180
DeepPink#FF1493255 20 147
MediumVioletRed#C71585199 21 133
PaleVioletRed#DB7093219 112 147
Фиолетовые
Имя цветаHEXRGB
Lavender#E6E6FA230 230 250
Thistle#D8BFD8216 191 216
Plum#DDA0DD221 160 221
Violet#EE82EE238 130 238
Orchid#DA70D6218 112 214
Fuchsia(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
Коричневые
Имя цветаHEXRGB
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
Синие
Имя цветаHEXRGB
Aqua(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
Имя цвета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
Белые
Имя цветаHEXRGB
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
Серые
Имя цветаHEXRGB
Gainsboro#DCDCDC220 220 220
LightGray#D3D3D3211 211 211
Silver#C0C0C0192 192 192
DarkGray#A9A9A9169 169 169
Gray#808080128 128 128
DimGray#696969105 105 105
LightSlateGray#778899119 136 153
SlateGray#708090112 128 144
DarkSlateGray#2F4F4F47 79 79
Black#0000000 0 0

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Поделиться

Твитнуть

Поделиться

Также читайте

index.html


При кодировании цвета в Html можно просто указать название цвета по-английски, используя атрибут COLOR. Допустимыми стандартными названиями цветов будут:

Таблица 1

Но все же профессиональней будет указывать цвет в шестнадцатиричных кодах, используя формат RGB. Это дает больше цветового разнообразия. Аббревиатура RGB произошла от первых букв названий базовых цветов – Red, Green, Blue.

В результате смешения этих трех цветов в определенных пропорциях и получаются все остальные цвета – количеством 16777216.

Белый цвет задается шестнадцатиричным кодом #FFFFFF, а черный цвет – шестнадцатиричным кодом #000000.

Таблица 2


Установка цвета на HTML странице.

Используя атрибут TEXT в контексте тэга < BODY >, можно изменить цвет текста WEB-страницы целиком. Применение же атрибута COLOR с тэгом < FONT > (обладает более высоким приоритетом) позволяет взаимодействовать на внешний вид отдельного фрагмента текста.

Атрибут BGCOLOR дает возможность явного указания цвета фона вэб-страницы. Цвет фона задается аналогично цвету текста (именем или кодом).

ПРИМЕРЫ
HTML-код Отображение в браузере:

< font color=»#ff0000″>Красный цвет

< font color=»blue»>Синий цвет

Красный цвет

Синий цвет
< BODY BGCOLOR=»#00FF00″>  

Вывод:

В интернете используется специальная система для кодирования цветов. В данной статье приведены все функции для изменения цвета текста web-страницы или же ее фона.

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

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

Главная › Новости

Опубликовано: 02.09.2018

Brackets урок 18. Color Palette — выбор цвета с картинки

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


Код цвета — как определить код цвета. HTML Color 2000

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

Коды и таблицы базовых RGB цветов, задание цвета в Html и CSS

Логично, что в текстовой разметке и CSS ( каскадные таблицы стилей) имеется возможность цветового оформления текста, иначе все страницы были монотомными и малозаметными. Для цветового оформления текста обычно используется цветовая модель RGB ( с английского Red — Красный, Green — Зеленый, Blue — Синий)

В цветовой модели RGB используется всего три цвета, каждый цвет которого может представлен разными уровнями яркости. В Html или CSS можно выбрать, для каждого из трех цветов, одну из 256 возможных градиаций цветов, а 256 потому что столько значений цвета можно закодировать в 1 байте информации.

То есть для оформления своего документа вы можете использовать большое число цветов (256*256*256). К примеру, чтобы получить черный цвет все три цвета красный, синий и зеленый должны иметь нулевое значение яркости, а для того чтобы получить белый цвет, надо чтобы эти цвета имели бы наибольшее значение яркости.

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

1. Задать код цвета для сайта в Html, выбирая яркость цветов ( красного, зеленого, синего) по шестнадцатеричной системе счисления.

2. Задать цвет кода в CSS, вводя название кода цвета.

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

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

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

ЦветHtml коды цвета
Белый#ffffff
Черный#000000
Желтый#ffff00
Зеленый#008000
Серый#808080
Синий#0000ff
Красный#ff0000

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

Яндекс Цвета — подбор цветовой схемы в палитре RGB цветов, в Yandex выдаче, Html коды

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

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

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

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

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

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

Примеры и способы применения кодов цвета в Html и CSS и названия RGB цветов в web документах, изменение цвета текста с помощью атрибута color

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

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

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

Чтобы окрасить определенную часть текста в выбранный вами цвет ( например я выбрал синий) при помощи тега «FONT», надо прописать следующий HTML код:

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

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

Подбор, определение HTML кода, RGB цветов с помощью программ — для работы с цветовыми палитрами

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

Так как у нас используется три основных цвета, их комбинаций которых получаются остальные, то код цвета в HTML и CSS будет выглядеть так 08457e ( оттенок синего). Тогда lkz записи кода цвета в HTML надо добавить перед кодом знак решетки «#», получим код цвета для HTML: #08457e.

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

1. HTMLColor 2000

2. ColorPic

3. ColorMania

4. Contrast Analyser 2.0

5. Absolute Color Picker

6. Just Color Picker

Ну а для того, чтобы увидеть результаты вашей работы ( когда выписал HTML код для сайта в текстовом редакторе, советую Notepad++) документ HTML кода сохраните файл в формате html и откройте в любой браузере, чтобы просмотреть, как будет выглядеть.

Посмотрите также видео про «Цвета в HTML и CSS»:

 

Цвета в CSS • Про CSS

Мне нравится возможность задавать цвета в коде несколькими разными способами, в зависимости от цели использования. Всего таких способов 7.

Спецификация тут: w3.org/TR/css3-color/.

Итак, способы:

1. Именованные цвета

Их достаточно много, все цвета можно найти тут: w3.org/TR/css3-color/#svg-color

Для себя я отсортировала их по оттенкам, моя таблица цветов лежит тут: Handy colors.

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

Недостаток: их всего 147, и не всегда можно подобрать нужный набор оттенков.

2. RGB

Red, Green, Blue.

Можно задавать двумя способами:

Преимущество: значения цвета можно брать из фотошопа.

Недостаток: неудобно подбирать значения руками, а также нельзя задавать значения числами с плавающей точкой. Например, если захочется задать какой-нибудь цвет через 25%, в цифрах это будет 63.75 — строка с таким значением работать не будет.

3. HEX

Это тот же RGB, но записанный в шестнадцатеричной системе счисления. Каждая пара знаков означает в той же последовательности красный, зеленый и синий цвета в диапазоне от 00 до FF. Если в парах оба знака одинаковые, можно использовать короткую запись. Например: #FFFFFF → #FFF.

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

4. RGBA

RGB с параметром прозрачности (alpha).

Преимущество: наличие прозрачности и возможности гибко ею управлять.

Недостатки: те же, что и для rgb. Так же не поддерживается в IE8 и ниже.

5. HSL

Hue — цвет. Задается в диапазоне от 0 до 360, означает угол цветового круга (радуги, представленной в виде круга). Saturation — насыщеность цвета, задается в процентах. Lightness — яркость цвета, задается в процентах.

Этот пример дает представление о соответствии цветов градусам:

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

Здесь посередине исходный цвет, слева — с повышенной яркостью, справа — с пониженной насыщенностью:

С помощью HSL удобно подбирать подходящие оттенки не используя графические редакторы:

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

6. HSLA

Как HSL, но с прозрачностью.

Например:

background: hsla( 0, 90%, 65%, .7 );

7. Ключевые слова

transparent — для обозначения полной прозрачности.

currentColor — текущий цвет текста (color) для элемента.

Например, можно написать:

border: 5px solid currentColor;

И задавая каждому элементу свой цвет текста получить рамки разного цвета:

Можно даже совсем опустить ключевое слово, и цвет текста будет унаследован автоматически:

box-shadow: inset 0 0 2.5em;

шестнадцатеричных цветовых кодов HTML — GeeksforGeeks

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

Формат шестнадцатеричных цветовых кодов: Каждый шестнадцатеричный цветовой код содержит символ «#» , за которым следуют 6 букв или цифр.Числа в шестнадцатеричной системе счисления. Есть 1,67,77,216 различных цветовых вариантов. 00 диапазон значений кода представляет самую низкую интенсивность цвета, с другой стороны FF диапазон значений кода представляет самую высокую интенсивность.

Значение шестнадцатеричного кода:

  • Переменная 1-я и 2-я в шестнадцатеричном цветовом коде представляет интенсивность красного цвета .
  • 3-я и 4-я переменная представляет интенсивность зеленого.
  • Пятая и шестая переменная представляет интенсивность синего цвета .
  • Комбинируя интенсивность красного, зеленого и синего, можно получить почти любой цвет.

Белый цвет представляет собой смесь трех основных цветов с полной интенсивностью, представляющую шестнадцатеричный код цвета #FFFFFF .

Черный цвет представляет собой смесь трех основных цветов с наименьшей интенсивностью, представляющую цветовой код # 000000 .


Примеры:

# FF0000 — Этот цветовой код HTML показывает только красный цвет, без зеленого и синего.
# 00FF00 — Этот цветовой код HTML показывает только зеленый цвет, а не красный и синий.
# 0000FF — Этот цветовой код HTML показывает только синий цвет, а не красный и зеленый.
# FFFF00 — этот цветовой код HTML представляет собой смесь красного и зеленого цветов, определяемых как желтый.
#CCEEFF — Этот цветовой код HTML представляет собой смесь большего количества зеленого и максимального синего цвета, обеспечивающего цвет, как небо.

Список некоторых распространенных цветовых кодов HTML:

003 0 128000

0 128000

LIGHTCORAL

НАИМЕНОВАНИЕ ЦВЕТА

ШЕСТИГРАННЫЙ КОД ЦВЕТА



СЕРЕБРЯНЫЙ

# C0C0C0

RGB (192, 192, 192)

СЕРЫЙ

# 8010808

# 8010808 9000

MAROON

# 800000

RGB (128, 0, 0)

OLIVE

# 808000

LIME

# 00FF00

RGB (0, 255, 0)

AQU A

# 00FFFF

RGB (0, 255, 255)

TEAL

# 008080

RGB (0, 12810810)

1 ТЕМНО-СИНИЙ

# 000080

RGB (0, 0, 128)

FUCHSIA

# FF00FF

2 RGB (9105, 0,55) ФИОЛЕТОВЫЙ

# 800080

RGB (128, 0, 128)

INDIANRED

# CD5C5C

02

# F08080

RGB (240, 128, 128)

ЛОСОСЬ

# FA8072

RGB (250, 114 0108

ТЕМНО-ЛОСОСЬ

# E9967A

RGB (233, 150, 122)

СВЕТЛЫЙ ЛОСОСЬ

 122

Шестнадцатеричные цветовые коды с насыщенностью основных отдельных цветов и яркостью этих цветов, которые можно использовать:

Оттенки красного цвета:

9010 5

# E9967A

Название цвета

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

Цветовой код RGB

светлый лосось

# FFA07A

rgb (255,160,128

rgb (255,160,122)

RGB (250,128,114)

темный лосось

RGB (233,150,122)

lightcoral

# F08080

RGB (240,128,128)

RGB (240,128,128)

 RGB (205,92,92)

малиновый

# DC143C

RGB (220,20,60)

00020008

огненный кирпич

000 rgb (178,34,34)

красный

# FF0000

rgb (255,0,0)

темно-красный

rgb (139,0,0)

Оттенки ОРАНЖЕВЫЙ Цвета:

90 081

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

9002

Название цвета

Цветовой код RGB

коралл

# FF7F50

rgb (255,127,80)

rgb (255,99,71)

оранжево-красный

# FF4500

rgb (255,69,0)

02 золото

rgb (255,215,0)

оранжевый

# FFA500

RGB (255,165,0)

0

темно-оранжевый rgb (255,140,0)

Оттенки ЖЕЛТЫХ цветов:

255,228,181)

хаки

90 105

RGB (240,230,140)

Colo r Имя

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

Цветовой код RGB

светло-желтый

# FFFFE0

rgb000

rgb000 (255,2551022410) #FFFACD

rgb (255,250,205)

papayawhip

# FFEFD5

rgb (255,239,213)05

2 rgb (255,239,213)

05

персиковый пух

# FFDAB9

rgb (255,218,185)

Palegoldenrod

Palegoldenrod05

# F0E68C

даркхаки

# BDB76B

RGB (189,183,107)

FF02 желтый

Оттенки ЗЕЛЕНОГО Цвета:

9010ng

05

0

Название цвета

Код цвета HTML

Код цвета RGB

ng

# 7CFC00

RGB (124,252,0)

зеленовато-зеленый

# 32CD32

RGB (50,205,50 00)

RGB (50,205,50 00) 9FF0005

rgb (0,255,0)

лесозеленый

# 228B22

rgb (34,139,34)

темно-зеленый

# 006400

rgb (0,100,0)

05

rgb (0,255,127)

mediumspringgreen

# 00FA9A

rgb (0,250,154)

seagreen

# 2E8B57

rgb (46,139,87)

003 9001

03

0

03 Оттенки СИНИЙ

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

Цветовой код RGB

9008 0

синий порошковый

# B0E0E6

rgb (176,224,230)

lightskyblue

# 87CEFA

2 # 87CEFA

2

5

# 87CEEB

rgb (135,206,235)

deepskyblue

# 00BFFF

rgb (0,191,255000)

rgb (0,191,255000)

30,144,255)

васильковый

# 6495ED

rgb (100,149,237)

Steelblue

Steelblue

Royalblue

# 4169E1

9010 8

rgb (65,105,225)

mediumblue

# 0000CD

rgb (0,0,205)

Цвета

Цвета: WH Имя Цветовой код HTML Цветовой код RGB снег #FFFAFA rgb (255,250,250) honeydew # F0FFF0,210405,210405,210405 # F0FFFF rgb (240,255,255) ghostwhite # F8F8FF rgb (248,248,255) белый дым белый дым # F5FF5105 (245,255,250) слоновая кость # FFFFF0 RGB (255,255,240) flo ralwhite # FFFAF0 rgb (255,250,240) antiquewhite # FAEBD7 rgb (250,235,215)

цветов

Цвета

цвета B Код цвета: Цветовой код RGB бланшед миндаль #FFEBCD rgb (255,235,205) бисквит # FFE4C4 rgb (25510,22810,196) 9010 905 9010 RGB (25510,22810,196 пшеница) 245,222,179) Burlywood # DEB887 rgb (222,184,135) tan # D2B48C rgb (210,180,140) 9010,180,140) 9010,180,140. песочно-коричневый # F4A460 rgb (244,164,96) шоколадный # D2691E RGB (210,105,30) седло-коричневый # 8B4513 RGB (139,69,19) sienna # A0522D RGB коричневый # A52A2A rgb (165,42,42)

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

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

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

Каковы основы?

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

Если вы не знакомы с шестнадцатеричными числами, это числа, в которых используется основание 16, а не 10.Буквы от A до F представляют «цифры» от 10 до 15. Для двухзначного числа значение равно 16 раз первой цифре плюс вторая цифра. Шестнадцатеричное число 3F означает 3 * 16 + 15 или 63 в десятичном виде.

Первые две цифры шестнадцатеричного цвета — это красный цвет, следующие две — зеленый, а последние две — синий. Подумайте о «RGB», чтобы запомнить порядок. Меньшие значения дают более темные цвета, поэтому # 000000 — черный, а #FFFFFF — белый.

В более короткой версии используются три цифры.Это эквивалент шестизначному формату , где каждая цифра дублируется для получения шестизначной версии. Значение # 46A совпадает с # 4466AA.

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

В восьмизначном обозначении есть две цифры в конце, указывающие степень прозрачности. Значение 00 указывает на полностью прозрачный цвет, а ff — полностью непрозрачный.
Например, # 0000FF88 будет полупрозрачным синим цветом.

Точно так же вы можете добавить одну цифру прозрачности к трехзначному цветному коду. Четырехзначное значение # 46A8 определяет полупрозрачный цвет и эквивалентно # 4466AA88.

При желании вы можете использовать функциональную нотацию для значения цвета с десятичными числами от 0 до 255.

Например: rgb (250,75,155)

Чтобы получить альфа-канал, используйте rgba и четыре числа.
Значение альфа, что сбивает с толку, представляет собой число от 0 до 1.0, а не от 0 до 255.

Например: rgba (250,75,155,0.4)

Вы также можете использовать именованные цвета вместо числовых значений.

Цвета и CSS

Некоторые свойства CSS определяют цвета для различных аспектов страницы.
Свойство color предназначено для цвета переднего плана объекта и ничего больше.
Если вы хотите, чтобы область элемента была заполнена цветом, используйте свойство background-color .
Обычно он охватывает области содержимого, отступов и границ элемента. Третье свойство, border-color , устанавливает цвет границ таблицы.

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

  body {color: # 001818; background-color: #EEEEEE}

Некоторые свойства используют цвета в сочетании с другими значениями. Например, свойство border использует три значения: ширину, стиль и цвет. Например, вы можете использовать border: 1px solid # 000; , чтобы добавить черную рамку вокруг объекта.

Между тем, цвета CSS используют цветовую модель sRGB.
Это «аддитивная» цветовая модель, в которой красный, зеленый и синий компоненты складываются вместе, чтобы получить результирующий цвет.
Если вы не специалист по цвету, вам не нужно знать, как это работает.
Использование sRGB не гарантирует, что значение цвета будет одинаковым на всех устройствах; большинство экранов и принтеров
не откалиброваны точно и будут отличаться от идеальных.
Однако цвет sRGB даст вам цвет, близкий к ожидаемому на любом работающем устройстве.

Именованные цвета

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

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

8 9056 Шоколадный CornflowerBlue
6495ED DarkCyan
008B108B DarkCyan
008B108B DarkCyan
008B108B 6 A9A9A910FF10 Зеленый 0 ADF HotPink
FF69B4 9010EE905 LightGrey
D3D3D3 9010EE903 LightGrey 6 905 D3D3 9010EE903 0056 FFB6C1 0056 F5FFFA 9010 Королевский
FF0000 9010 Розовый 1
AliceBlue
F0F8FF		 AntiqueWhite
FAEBD7		 Аква
00FFFF
Аквамарин
7FFFD4		 Azure
F0FFFF		 Бежевый
F5F5DC
Bisque
FFE4C4		 Черный
000000		 BlanchedAlmond
FFEBCD
Синий
0000FF		 СинийViolet
8A2BE2		 Коричневый
A52A2A
BurlyWood
DEB887		 CadetBlue
5F		 CadetBlue Charge
5F910EA0
Cornsilk
FFF8DC		 Crimson
DC143C		 Cyan
00FFFF
DarkBlue
00008B		 DarkCyan
008B108B		 темно-зеленый
006400		 DarkGrey
A9A9A9
DarkKhaki
BDB76B		 DarkMagenta
8B008B		 DarkOliveGreen
556B2F
DarkOrange
FF8C00		 Darkred
8B0000		 DarkSalmon
E9967A
DarkSeaGreen
8FBC8F		 DarkSlateBlue
483D8B		 DarkSlateGray
2F4F4F
DarkSlateGrey
2F4F4F		 DarkTurquoise
00CED1		 DarkViolet
9400D3
DeepPink
FF1493		 DeepSkyBlue
00BFFF		 DimGray
696969
DimGrey
696969		 DodgerBlue
1E90FF		 FireBrick
B22222
FloralWhite
FFFAF0		 ForestGreen
228B22		 Fuchsia6 FF00 056 DCDCDC GhostWhite
F8F8FF		 Золото
FFD700
Goldenrod
DAA520		 Серый
808080		 Серый
808080
IndianRed
CD5C5C		 Indigo
4B0082
Ivory
FFFFF0		 хаки
F0E68C		 Лаванда
E6E6FA
LavenderBlush
FFF0F5		 LawnGreen
7CFC00		 LemonChiffon
FFFACD
LightBlue
ADD8E6		 LightCoral
F08080		 LightCyan
E0FFFF
LightGoldenrodYellow
FAFAD2		 LightGray
D3D3D3
LightSalmon
FFA07A
LightSeaGreen
20B2AA		 LightSkyBlue
87CEFA		 LightSlateGray
778899
LightSlateGrey
778899		 LightSteelBlue
B0C4DE		 светло-желтого
FFFFE0
Lime
00FF00		 LimeGreen
32CD32		 Льняные
FAF0E6
Magenta
FF00FF		 Maroon
800000		 MediumAquamarine
66CDAA
MediumBlue
0000CD		 MediumOrchid
BA55F3		 MediumPurple
9370DB
MediumSeaGreen
3CB371		 MediumSlateBlue
7B68EE		 MediumSpringGreen
00FA9A
MediumTurquoise
48D1CC		 MediumVioletRed
C71585		 MidnightBlue
1
MistyRose
FFE4E1		 Мокасины
FFE4B5
NavajoWhite
FFDEAD		 Navy
000080		 OldLace
FDF5E6
Olive
808000		 OliveDrab
6B8E23		 Оранжевый
FFA500
OrangeRed
FF4500		 Orchid
DA70D6		 PaleGoldenrod
EEE8AA
PaleGreen
98FB98		 PaleTurquoise
AFEEEE		 PaleVioletRed
DB7093
PapayaWhip
FFEFD5		 Peachpuff
FFDAB9		 Перу
CD853F
Розовый
FFC0CB		 Сливовый
DDA0DD		 PowderBlue
B0E0E6
Фиолетовый
800080		 RebeccaPurple
663399		 Красный
FF0000		 SaddleBrown
8B4513
лосося
FA8072		 Sandybrown
F4A460		 SeaGreen
2E8B57
SeaShell
FFF5EE		 Сиенна
A0522D		 Серебро
C0C0C0
SkyBlue
87CEEB		 SlateBlue
6A5ACD		 SlateGray
708090
SlateGrey
708090		 Snow
FFFAFA		 SpringGreen
00FF7F
SteelBlue
4682B4		 SteelBlue
4682B4		 SteelBlue
4682B4		 Помидор
FF6347		 Бирюзовый
40E0D0
Фиолетовый
EE82EE		 Пшеничный
F5DEB3		 Белый
FFFFFF
Белый Дым
F108F500 9015 Желтый
F108F5F5		 Желтый дым
F5F5F5

Интернет-цвета

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

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

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

0990 900 60633 900103

CC8 CC8

000003006 009
00C 00F 030 033
03F
060063066069
06C 06F 090 093
0C3 0C6 0C9
0CC 0CF 0F0 0F3
0F6 0F10FC 0F10FC 309
30C 30F 330 333
336 339 33C 33F
360 363 366 369
36C 36F 390 393 393
3C0 3C3 3C6 3C9
3CC 3CF 3F0 3F3
3F10FF5 609
60C 60F 630 633
636 639 63C 63F
66C 66F 690 693
696 699 69 C 69F
6C0 6C3 6C6 6C9
6CC 6CF 6F0 6F3FF
903 906 909
90C 90F 930 933
936 939 9310F 939 9310F 969
96C 96F 990 993
996 999 99C 99F
910C0 9108 90CC 9CF 9F0 9F3
9F6 9F9 9FC 9 FF
C00 C03 C06 C09
C0C C0F C30 C33
C63 C66 C69
C6C C6F C90 C93
C96 C99 C9C CC8
CCC CCF CF0 CF3
CF6 CF9 CFC CFF
F00 F105 F30 F33
F36 F39 F3C F3F
F60 F63 F66 F69
F6C F6F F90 F93
F96 F99108 F99108 F99108 FC6 FC9
FCC FCF FF0 FF3
FF6 FF9 FFC FFF 9999Если точный оттенок не имеет значения, используйте безопасные для Интернета цвета, чтобы обеспечить лучшую совместимость со старыми машинами.

Как добавить цвет на вашу веб-страницу

Цвета применяются к элементу HTML с помощью CSS. Вы также можете выбрать, к какой части элемента применить цвет.

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

Цвет переднего плана

Цвет переднего плана используется для изменения цвета текста элемента.

Цвет переднего плана задается следующим образом цвет: оранжевый; .

Например:

Цвета HTML

Попробуй

Цвет переднего плана также может (косвенно) влиять на цвет других частей элемента, включая его границу.

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

Попробовать

Ниже приведен пример указания границы вместе с ее цветом.

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

Удалите цвет границы, затем обновите этот пример.

Цвет фона

Цвет фона задается следующим образом: background-color: yellow

Например:

У меня есть цвет фона.

Попробуй

Цвет границы

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

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

Вот пример:

У меня есть цвет границы.

Попробуй

Встроенные и внешние стили

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

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

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

Вы можете указать цвет по его имени (например, синий ), его шестнадцатеричному значению (например, # 0000ff ), значению RGB (например, rgb (0,0,255) ) или его значению HSL (например, hsl (240,100%, 100%) ).

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

Шестнадцатеричный цветовой код — это комбинация букв и цифр. Цифры от 0 до 9, а буквы от A до F. При использовании шестнадцатеричных значений цвета в HTML / CSS перед значением ставится решетка (#). Хотя шестнадцатеричные значения поначалу могут показаться немного странными, вы скоро к ним привыкнете.

Если вы используете графическое программное обеспечение, такое как Adobe Photoshop или GIMP, возможно, вы привыкли к методам RGB или HSL.

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

Название цвета Шестнадцатеричный код
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

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

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

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

Название цвета

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

Значение RGB

Попробуй

Если бы мы хотели изменить оттенок синего, мы могли бы немного изменить наше значение следующим образом:

Название цвета

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

Значение RGB

Попробуй

Прозрачность

Вы также можете использовать alpha , чтобы указать уровень непрозрачности, который должен иметь цвет.Это доступно только для обозначений RGB и HSL . Для этого добавьте к функциональному обозначению букву «а» (т.е. RGBA и HSLA ). Например, rgba (0,0,255,0.5) дает полупрозрачный синий цвет, как и hsla (240, 100%, 50%, 0,5) .

Вот пример использования RGBA для изменения непрозрачности.

Без прозрачности

Полупрозрачность

Большая прозрачность

Попробуй

Вот пример использования HSLA для изменения прозрачности.

Без прозрачности

Полупрозрачность

Большая прозрачность

Попробуй

Выбор цвета — легкий путь

Используя шестнадцатеричное представление, представление RGB или HSL, у вас есть выбор из более чем 16 миллионов различных цветов.Например, вы можете начать с # 000000 и увеличивать на одно значение до #FFFFFF . Каждое другое значение представляет собой немного другой цвет.

Но не волнуйтесь — вам не нужно запоминать каждое шестнадцатеричное значение цвета! Палитра цветов HTML и таблица цветов упрощают выбор цветов для вашего веб-сайта.

Введение в цвета HTML

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

В этой статье мы обсудим-

  • Методы цветового кодирования HTML
    • Названия цветов
    • Шестнадцатеричные коды
    • Значение RGB
  • HSL Значения цвета
  • Палитра цветов HTML

Способы цветового кодирования HTML

Существует три основных метода установки цветов на вашей веб-странице:

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

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

Веб-браузер поддерживает более 200 различных названий цветов.

Давайте создадим веб-страницу, чтобы понять работу цветов.

Это даст следующий результат.

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

Шестнадцатеричный код — это шестизначное представление цвета. Он представлен в формате #RRGGBB, где (RR) представляет значение красного цвета, (GG) представляет значение зеленого цвета, а (BB) представляет значение синего.

Вот пример, объясняющий шестнадцатеричный код.

Это даст следующий результат.

значений RGB

Цвет RGB представляет КРАСНЫЙ, ЗЕЛЕНЫЙ и СИНИЙ источники света. Он представлен как
RGB (красный, зеленый, синий).

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

Вот пример, чтобы понять, как работают цвета RGB.

Это даст следующий результат.

Full Stack Java Developer Course
The Gateway to Master Web DevelopmentExplore курс

HSL Значения цвета

HSL означает оттенок, насыщенность и легкость. В HTML цвет можно указать с помощью значения HSL.

HSL (оттенок, насыщенность, яркость)

Оттенок измеряется в градусах цветового круга в диапазоне от 0 до 360 градусов (красный = 0 °, синий = 120 °, зеленый = 240 °). Насыщенность измеряется в процентах (полная насыщенность 100%, оттенок серого 0%).Яркость также измеряется в процентах (100% — белый, 0% — черный, 50% — нормальный).

Давайте посмотрим на некоторые основные цвета с их значениями HSL.

Давайте изменим фон нашего абзаца на оранжевый, добавив значение HSL.

Это изменит цвет фона нашего абзаца на оранжевый.

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

определяет поле ввода для палитры цветов. Давайте посмотрим, как сделать палитру цветов.

Это даст следующий результат.

Получите навыки работы с HTML5 и CSS3 с помощью магистерской программы для разработчиков Java Full Stack. Нажмите, чтобы узнать подробности программы!

Следующие шаги

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

Разработчик полного стека Java

Simplilearn поможет вам освоить мир веб-разработки. Курс познакомит вас с сущностью интерфейсных, промежуточных и внутренних технологий веб-разработки на Java. Вы научитесь создавать сквозное приложение, тестировать и развертывать код, хранить данные с помощью MongoDB и многое другое.

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

HTML-цветов: EnchantedLearning.com

Рекламное объявление.

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


(Уже зарегистрированы? Нажмите здесь.)
EnchantedLearning.com
Цвета HTML

Цифры цвета HTML
При написании веб-страниц цвета представлены шестью цифрами в HTML (язык гипертекстовой разметки).Эти цифры представлены в шестнадцатеричном формате (основание 16) вместо обычных десятичных (основание 10) цифр, к которым мы привыкли.

В базе 10 10 цифр: 0, 1, 2, 3, 4, 5, 6, 7, 8 и 9. В базе 16 16 цифр: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A (равно десяти), B (равно одиннадцати), C (равно двенадцати), D (равно тринадцати), E (равно четырнадцати) и F (равно пятнадцати) . В этой системе с использованием шести шестнадцатеричных цифр существует 2 24 (примерно 16 миллионов) возможных цветов! В таблице ниже показано 216 возможных цветов.

Каждый цвет на экране компьютера состоит из красного, зеленого и / или синего света. В HTML первая пара цифр контролирует количество красного света, вторая пара — количество зеленого света, а третья пара — количество синего света. Например, основной красный — # FF0000, салатовый — # 00FF00, основной синий — # 0000FF, белый — #FFFFFF, черный — # 000000, средний серый — # 808080.

В коде HTML цвета используются для текста и фона.Вот некоторые примеры цветных тегов HTML:

〈BODY BGCOLOR = «# FFFFFF»〉

Придает веб-странице белый фон.
〈FONT COLOR = «# FF00CC»〉 Делает текст розовым.
〈TD BGCOLOR = «# FFFF00″〉
Это дает ячейке таблицы желтый фон.

слов для цветов HTML (для этих цветов вы можете использовать слово для обозначения цвета вместо числового кода):

черный # 000000 военно-морской флот 000080 синий # 0000FF зеленый # 008000
бирюзовый # 008080 лайм # 00FF00 бирюзовый или голубой # 00FFFF бордовый # 800000
оливковый # 808000 серый # 808080 серебро # C0C0C0 фиолетовый # 800080
красный # ff0000 фуксия # FF00FF желтый # FFFF00 белый #ffffff

Некоторые цвета HTML:

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
666900 666933 666966 666999 6669CC 6669FF
66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF
66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF
9

 9
  		•  9
    		 9

    		 9900CC 9900FF
    «> 9«> 9
    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
    CCC00CCC33CCС66CCCC99 СезонCCСFF
    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
    Белый

    Таблица цветов, цвета по имени и цветовой код HTML в CSS, HEX, RGB, HSL

    Эта цветовая диаграмма представляет собой набор общих цвета отсортированы по названию в виде одностраничного обзора.Каждая строка состоит значений RGB, значение HEX, название цвета, значение яркости, HSL значения и цветной прямоугольник. Вы можете щелкнуть на цветном прямоугольнике, чтобы импортируйте цвет в палитру цветов HSL. RGB, HEX или HSL значения могут использоваться как цветовой код HTML или цветовой код CSS.

    Внизу страницы вы найдете быстрое напоминание о том, как использовать цвета в HTML / CSS.

    Вы можете прокрутить цветовую таблицу вниз, если ищете вдохновение, или вы можете использовать следующую алфавитную навигацию чтобы быстрее достичь определенного цвета.
    А, B, C, D, E, F, ГРАММ , H, Я, J, K, L, М, N,
    O, П , Q, Р , S, Т, U, V, W, ИКС , Y, Z
    Вы также можете просматривать эти цвета, отсортированные по диапазонам оттенков. и яркость. Наша страница названий цветов представлена ​​в виде введения.


    Краткое напоминание о том, как использовать цвет в HTML / CSS:

    Цвет шрифта:
    Цвет фона:
    Цвет границы:

    style = «цвет: # 0000FF;»
    style = «background-color: # 0000FF;»
    style = «цвет границы: # 0000FF;»


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

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

    Ссылка на эту страницу:

    URL

    HTML-ссылка

    Цитата

    Электронная почта

    Скопируйте и вставьте следующий текст:

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

    RGB
    0, 0, 0
    HEX
    000000    		 RGB
    0, 0, 51
    HEX
    000033    		 RGB
    0, 0, 102
    HEX
    000066    		 RGB
    0, 0, 153
    HEX
    000099    		 RGB
    0, 0, 204
    HEX
    0000CC    		 RGB
    0, 0, 255
    HEX
    0000FF
    RGB
    0, 51, 0
    HEX
    003300    		 RGB
    0, 51, 51
    HEX
    003333    		 RGB
    0, 51, 102
    HEX
    003366    		 RGB
    0, 51, 153
    HEX
    003399    		 RGB
    0, 51, 204
    HEX
    0033CC    		 RGB
    0, 51, 255
    HEX
    0033FF
    RGB
    0, 102, 0
    HEX
    006600    		 RGB
    0, 102, 51
    HEX
    006633    		 RGB
    0, 102, 102
    ШЕСТИГР.
    006666    		 RGB
    0, 102, 153
    HEX
    006699    		 RGB
    0, 102, 204
    HEX
    0066CC    		 RGB
    0, 102, 255
    HEX
    0066FF
    RGB
    0, 153, 0
    HEX
    009900    		 RGB
    0, 153, 51
    HEX
    009933    		 RGB
    0, 153, 102
    HEX
    009966    		 RGB
    0, 153, 153
    HEX
    009999    		 RGB
    0, 153, 204
    HEX
    0099CC    		 RGB
    0, 153, 255
    HEX
    0099FF
    RGB
    0, 204, 0
    HEX
    00CC00    		 RGB
    0, 204, 51
    HEX
    00CC33    		 RGB
    0, 204, 102
    HEX
    00CC66    		 RGB
    0, 204, 153
    HEX
    00CC99    		 RGB
    0, 204, 204
    HEX
    00CCCC    		 RGB
    0, 204, 255
    HEX
    00CCFF
    RGB
    0, 255, 0
    HEX
    00FF00    		 RGB
    0, 255, 51
    HEX
    00FF33    		 RGB
    0, 255, 102
    HEX
    00FF66    		 RGB
    0, 255, 153
    HEX
    00FF99    		 RGB
    0, 255, 204
    HEX
    00FFCC    		 RGB
    0, 255, 255
    HEX
    00FFFF
    RGB
    51, 0, 0
    HEX
    330000    		 RGB
    51, 0, 51
    HEX
    330033    		 RGB
    51, 0, 102
    HEX
    330066    		 RGB
    51, 0, 153
    HEX
    330099    		 RGB
    51, 0, 204
    HEX
    3300CC    		 RGB
    51, 0, 255
    HEX
    3300FF
    RGB
    51, 51, 0
    HEX
    333300    		 RGB
    51, 51, 51
    HEX
    333333    		 RGB
    51, 51, 102
    HEX
    333366    		 RGB
    51, 51, 153
    HEX
    333399    		 RGB
    51, 51, 204
    HEX
    3333CC    		 RGB
    51, 51, 255
    HEX
    3333FF
    RGB
    51, 102, 0
    HEX
    336600    		 RGB
    51, 102, 51
    HEX
    336633    		 RGB
    51, 102, 102
    HEX
    336666    		 RGB
    51, 102, 153
    HEX
    336699    		 RGB
    51, 102, 204
    HEX
    3366CC    		 RGB
    51, 102, 255
    HEX
    3366FF
    RGB
    51, 153, 0
    HEX
    339900    		 RGB
    51, 153, 51
    HEX
    339933    		 RGB
    51, 153, 102
    HEX
    339966    		 RGB
    51, 153, 153
    HEX
    339999    		 RGB
    51, 153, 204
    HEX
    3399CC    		 RGB
    51, 153, 255
    HEX
    3399FF
    RGB
    51, 204, 0
    HEX
    33CC00    		 RGB
    51, 204, 51
    HEX
    33CC33    		 RGB
    51, 204, 102
    HEX
    33CC66    		 RGB
    51, 204, 153
    HEX
    33CC99    		 RGB
    51, 204, 204
    HEX
    33CCCC    		 RGB
    51, 204, 255
    HEX
    33CCFF
    RGB
    51, 255, 0
    HEX
    33FF00    		 RGB
    51, 255, 51
    HEX
    33FF33    		 RGB
    51, 255, 102
    HEX
    33FF66    		 RGB
    51, 255, 153
    HEX
    33FF99    		 RGB
    51, 255, 204
    HEX
    33FFCC    		 RGB
    51, 255, 255
    HEX
    33FFFF
    RGB
    102, 0, 0
    HEX
    660000    		 RGB
    102, 0, 51
    HEX
    660033    		 RGB
    102, 0, 102
    HEX
    660066    		 RGB
    102, 0, 153
    HEX
    660099    		 RGB
    102, 0, 204
    HEX
    6600CC    		 RGB
    102, 0, 255
    HEX
    6600FF
    RGB
    102, 51, 0
    HEX
    663300    		 RGB
    102, 51, 51
    HEX
    663333    		 RGB
    102, 51, 102
    HEX
    663366    		 RGB
    102, 51, 153
    HEX
    663399    		 RGB
    102, 51, 204
    HEX
    6633CC    		 RGB
    102, 51, 255
    HEX
    6633FF
    RGB
    102, 102, 0
    HEX
    666600    		 RGB
    102, 102, 51
    HEX
    666633    		 RGB
    102, 102, 102
    HEX
    666666    		 RGB
    102, 102, 153
    HEX
    666699    		 RGB
    102, 102, 204
    HEX
    6666CC    		 RGB
    102, 102, 255
    HEX
    6666FF
    RGB
    102, 153, 0
    HEX
    669900    		 RGB
    102, 153, 51
    HEX
    669933    		 RGB
    102, 153, 102
    HEX
    669966    		 RGB
    102, 153, 153
    HEX
    669999    		 RGB
    102, 153, 204
    HEX
    6699CC    		 RGB
    102, 153, 255
    HEX
    6699FF
    RGB
    102, 204, 0
    HEX
    66CC00    		 RGB
    102, 204, 51
    HEX
    66CC33    		 RGB
    102, 204, 102
    HEX
    66CC66    		 RGB
    102, 204, 153
    HEX
    66CC99    		 RGB
    102, 204, 204
    HEX
    66CCCC    		 RGB
    102, 204, 255
    HEX
    66CCFF
    RGB
    102, 255, 0
    HEX
    66FF00    		 RGB
    102, 255, 51
    HEX
    66FF33    		 RGB
    102, 255, 102
    HEX
    66FF66    		 RGB
    102, 255, 153
    HEX
    66FF99    		 RGB
    102, 255, 204
    HEX
    66FFCC    		 RGB
    102, 255, 255
    HEX
    66FFFF
    RGB
    153, 0, 0
    HEX
    9

    		 RGB
    153, 0, 51
    HEX
    9
  		•  RGB
    153, 0, 102
    HEX
    9
    		 RGB
    153, 0, 153
    HEX
    9

    		 RGB
    153, 0, 204
    HEX
    9900CC    		 RGB
    153, 0, 255
    HEX
    9900FF
    RGB
    153, 51, 0
    HEX
    9    		 RGB
    153, 51, 51
    HEX
    9    		 RGB
    153, 51, 102
    HEX
    9
    RGB
    153, 51, 153
    HEX
    9    		 RGB
    153, 51, 204
    HEX
    9933CC    		 RGB
    153, 51, 255
    HEX
    9933FF
    RGB
    151, 102, 0
    HEX
    996600    		 RGB
    153, 102, 51
    HEX
    996633    		 RGB
    153, 102, 102
    HEX
    996666    		 RGB
    153, 102, 153
    HEX
    996699    		 RGB
    153, 102, 204
    HEX
    9966CC    		 RGB
    153, 102, 255
    HEX
    9966FF
    RGB
    153, 153, 0
    HEX
    999900    		 RGB
    153, 153, 51
    HEX
    999933    		 RGB
    153, 153, 102
    HEX
    999966    		 RGB
    153, 153, 153
    HEX
    999999    		 RGB
    53, 153, 204
    HEX
    9999CC    		 RGB
    153,153, 255
    HEX
    9999FF
    RGB
    153, 204, 0
    HEX
    99CC00    		 RGB
    153, 204, 51
    HEX
    99CC33    		 RGB
    153, 204, 102
    HEX
    99CC66    		 RGB
    153, 204, 153
    HEX
    99CC99    		 RGB
    153, 204, 204
    HEX
    99CCCC    		 RGB
    153, 204, 255
    HEX
    99CCFF
    RGB
    153, 255, 0
    HEX
    99FF00    		 RGB
    153, 255, 51
    HEX
    99FF33    		 RGB
    153, 255, 102
    HEX
    99FF66    		 RGB
    153, 255, 153
    HEX
    99FF99    		 RGB
    153, 255, 206
    HEX
    99FFCC    		 RGB
    155, 255, 255
    HEX
    99FFFF
    RGB
    204, 0, 0
    HEX
    CC0000    		 RGB
    204, 0, 51
    HEX
    CC0033    		 RGB
    204, 0, 102
    HEX
    CC0066    		 RGB
    204, 0, 153
    HEX
    CC0099    		 RGB
    HEX
    CC00CC    		 RGB
    204, 0, 255
    HEX
    CC00FF
    RGB
    204, 51, 0
    HEX
    CC3300    		 RGB
    204, 51, 102
    HEX
    CC3333    		 RGB
    204, 51, 152
    ШЕСТИГР.
    CC3366    		 RGB
    204, 51, 153
    ШЕСТИГР.
    CC3399    		 RGB
    204, 51, 204
    HEX
    CC33CC    		 RGB
    204, 51, 255
    HEX
    CC33FF
    RGB
    204, 102, 0
    HEX
    CC6600    		 RGB
    204, 102, 51
    HEX
    CC6633    		 RGB
    204, 102, 102
    ШЕСТИГРАННЫЙ
    CC6666    		 RGB
    204, 102, 153
    HEX
    CC6699    		 RGB
    204, 102, 204
    HEX
    CC66CC    		 RGB
    204, 102, 255
    HEX
    CC66FF
    RGB
    204, 153, 0
    HEX
    CC9900    		 RGB
    204, 153, 51
    HEX
    CC9933    		 RGB
    204, 153, 102
    HEX
    CC9966    		 RGB
    204, 153, 153
    HEX
    CC9999    		 RGB
    204,153, 204
    HEX
    CC99CC    		 RGB
    204, 153, 255
    HEX
    CC99FF
    RGB
    204, 204, 0
    HEX
    CCCC00    		 RGB
    204, 204, 51
    HEX
    CCCC33    		 RGB
    204, 204, 102
    HEX
    CCC66    		 RGB
    204, 204, 153
    HEX
    CCCC99    		 RGB
    204, 204, 204
    ШЕСТИГРАННЫЙ
    ССС    		 RGB
    204, 204, 255
    HEX
    CCFF00
    RGB
    204, 255, 0
    HEX
    CCFF00    		 RGB
    204, 255, 51
    HEX
    CCFF33    		 RGB
    204, 255, 102
    HEX
    CCFF66    		 RGB
    204, 255, 153
    HEX
    CCFF99    		 RGB
    204, 255, 204
    HEX
    CCFFCC    		 RGB
    204, 255, 255
    HEX
    CCFFFF
    RGB
    255, 0, 0
    HEX
    FF0000    		 RGB
    255, 0, 51
    HEX
    FF0033    		 RGB
    255, 0, 102
    HEX
    FF0066    		 RGB
    255, 0, 153
    HEX
    FF0099    		 RGB
    255, 0, 204
    HEX
    FF00CC    		 RGB
    255, 0, 255
    HEX
    FF00FF
    RGB
    255, 51, 0
    HEX
    FF3300    		 RGB
    255, 51, 51
    HEX
    FF3333    		 RGB
    255, 51, 102
    HEX
    FF3366    		 RGB
    255, 51, 153
    HEX
    FF3399    		 RGB
    255, 51, 204
    HEX
    FF33CC    		 RGB
    HEX
    FF33FF
    RGB
    255, 102, 0
    HEX
    FF6600    		 RGB
    255, 102, 51
    HEX
    FF6633    		 RGB
    255, 102, 102
    HEX
    FF6666    		 RGB
    255, 102, 153
    HEX
    FF6699    		 RGB
    255, 102, 204
    HEX
    FF66CC    		 RGB
    255, 102, 255
    HEX
    FF66FF
    RGB
    255, 153, 0
    HEX
    FF9900    		 RGB
    255, 153, 51
    HEX
    FF9933    		 RGB
    255, 153, 102
    HEX
    FF9966    		 RGB
    255, 153, 153
    HEX
    FF9999    		 RGB
    255, 153, 204
    HEX
    FF99CC    		 RGB
    255, 153, 255
    HEX
    FF99FF
    RGB
    255, 204, 0
    HEX
    FFCC00    		 RGB
    255, 204, 51
    HEX
    FFCC33    		 RGB
    255, 204, 102
    HEX
    FFCC66    		 RGB
    255, 204, 153
    HEX
    FFCC99    		 RGB
    255, 204, 204
    HEX
    FFCCCC    		 255, 204, 255
    HEX
    FFCCFF
    RGB
    255, 255, 0
    HEX
    FFFF00    		 RGB
    255, 255, 51
    HEX
    FFFF33    		 RGB
    255, 255, 102
    HEX
    FFFF66    		 RGB
    255, 255, 153
    HEX
    FFFF99    		 RGB
    255, 255, 206
    HEX
    FFFFCC    		 RGB
    255, 255, 255
    HEX
    FFFFFF
    .

    No related posts.

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

    Ваш адрес email не будет опубликован. Обязательные поля помечены *