Кодировки цвета: Википедия:Таблица цветов — Википедия – Цвета html — Википедия

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


Цветовое кодирование / Habr

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

В этой статье я не буду описывать известные методы шифрования информации. Тут мы поговорим о цвете!

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

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

Начнем с примитивного. Для начала возьмем всего два цвета, черный и белый. Русский алфавит состоит из 33 букв, таким образом, нарисуем поле, состоящее из 33 квадратов, и поделим его на 3 строки по 11 квадратов.

Порядковый номер буквы в алфавите будет соответствовать номеру квадрата в этом рисунке, но это еще не все. Давайте попробуем написать фразу «Привет хабр». Ниже будут приведены алфавитные номера каждой буквы этой фразы.

П – 17; Р – 18; И – 10; В – 3; Е – 6; Т – 20; Х – 23; А – 1; Б – 2; Р – 18.

Начинаем закрашивать квадраты, соответствующие номерам букв в черный цвет:
Буквы П, Р, показаны ниже:

У нас на очереди буква И порядковый номер которой – 10. Но если мы закрасим 10 клетку нашей таблицы то она потеряет смысл, так как мы читаем слова начиная с первой буквы, а если 10 клетка будет закрашена то первая буква нашего слова получится И. Тогда, Дублируем нашу таблицу с 33 квадратами еще раз и отмечаем букву и уже в новой таблице:

Буква В идет под номером – 3, это меньше 10 соответственно нам понадобиться опять новая таблица из 33 квадратов. Я не буду продолжать описывать каждую букву, а приведу всю фразу целиком. В одной таблице зашифрованная фраза, во второй обозначены порядковый номер и буква.

Существует множество вариантов разгадки зашифрованной информации. Допустим, в предложениях русского языка наиболее встречающиеся буквы – это А, Е, И, О, Т, В, С, Л, Ы, Я. Таким шифры с заменой на знаки или другие символы, довольно быстро отгадываются. А такая таблица черно – белых квадратов, введет человека в ступор.

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

А что если уменьшить размер квадратов до 1px и убрать обводку квадратов? Тогда получится картина чем-то напоминающая QR-код.

Не хотите ли еще раз усложнить алгоритм? Можно вращать наш квадрат на 90 градусов и получить совершенно разное его представление, что еще более введет в заблуждение людей пытающихся разгадать его.

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

Надеюсь, мы еще помним, что в русском языке 33 буквы? Вспомним еще немного элементарных вещей, которые нам понадобятся. 10 букв русского алфавита гласные – это: а, о, у, ы, э, я, е, ё, ю, и. Согласных букв – 21 – это: б, в, г, д, й, ж, з, к, л, м, н, п, р, с, т, ф, х, ц, ч, ш, щ. И две буквы без звуков: ь, ъ.

Для обозначения цветов давайте возьмем 7 цветов радуги. «Каждый охотник желает знать, где сидит фазан» — ну как же без этого?

Разделим гласные буквы на две половины по 5 букв. Согласные на три половины по 7 букв. И расставим цвета соответствующим буквам.

  • Красный цвет — а, о, у, ы, э.
  • Оранжевый цвет — я, е, ё, ю, и.
  • Желтый цвет – б, в, г, д, й, ж, з.
  • Зеленый цвет – к, л, м, н, п, р, с.
  • Голубой цвет – т, ф, х, ц, ч, ш, щ.
  • Синий цвет — ь, ъ.
  • Фиолетовый цвет – давайте заполним им пустые области. Или его можно оставить для знаков препинания.

Возьмем туже самую таблицу из 33 трех клеток разделенную на 11 строк. И будем закрашивать клетки по такому же методу описанному выше. Напишем фразу «Привет хабр».

Таким образом, все наши черно-белые клетки стали цветными. Что позволяют нам делать эти цвета?

Как я писал выше, цветом мы можем намного усложнить шифрование информации. А задумайтесь, сколько оттенков имеют цвета? И при повторе буквы мы можем присваивать ей совершенно другой оттенок. Все зависит только от вашего воображения и познания.

Как еще можно использовать цвета при шифровании? Хм… Да способов множество. Возьмем, к примеру, цветовые круги. Для тех, кто не знает: Цветовой круг – это инструмент, помогающий, подобрать наиболее приятные и гармонирующее между собой цвета. В основном используется и упрощает работу дизайнерам.

Такие цветовые круги вы сможете найти в интернете, или например они есть в программе CorelDRAW.

Допустим, возьмем такой круг в интернете:

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

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

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

Если правила данного сайта позволяют делать следующее, то можете отправлять различные варианты шифрования информации, придуманные Вами, мне на почту: [email protected] И если накопится большое количество интересных вариантов, то я напишу еще одну статью с различными методами представления информации в виде шифра. Для того что бы облегчить мою работу укажите пожалуйста в письме тему «Собственные методы шифрования», и конечно же автора статьи, Вы же хотите что бы о Вас многие услышали?

Да будут Ваши комментарии мне судьей.

Цветовые коды в Minecraft | 🚩 MINERUSSIA.RU

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

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