Цвет текста код – Конвертер Цветов Онлайн — HEX ⇒ RGB ⇒ RGBA ⇒ CMYK ⇒ HSL ⇒ HSLA ⇒ HSB ⇒ HSV ⇒ XYZ ⇒ LAB. Калькулятор цветов HTML. Генератор цветов CSS3 — ColorScheme.Ru

Содержание

HTML Цвета



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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

 rgb(127, 255, 127)

 rgb(50%, 100%, 50%)

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

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

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

#, например, #FF0000 отображается как красный цвет, так как красный устанавливается в его самое высокое значение (FF), а остальным цветам установлено минимальное значение (00). Знаки после символа решетки # можно набирать как прописными, так и строчными. Шестнадцатеричная система позволяет использовать сокращенную форму вида #rgb, где каждый символ равнозначен удвоенному. Так, запись #f7O следует расценивать как #ff7700.

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

 красный: #FF0000

 зеленый: #00FF00

 синий: #0000FF

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

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

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


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

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

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

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


Задачи


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

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

    Задача HTML:

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

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

    Задача HTML:

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





Please enable JavaScript to view the comments powered by Disqus.

Таблица ключевых слов и hex кодов цветов, используемых в Web программировании (CSS, HTML)

В HTML 4.0 было определено лишь 16 цветов (они представлены ниже в таблице Первоначальные цвета), но в более поздних версиях добавилось еще 130 цветов.

Цвета, представленные в шестнадцатеричном формате, поддерживаются всеми основными браузерами. Шестнадцатеричный код цвета имеет формат #RRGGBB, где RR - красный, GG - зеленый и BB- голубой.

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

RGB, например, черный цвет можно записать как #000000 и #000.

Также можно объявлять цвета по их названию - ключевому слову. В данной таблице представлены ключевые слова, поддерживаемые всеми браузерами. Следует обратить внимание, что некоторые цвета могут задаваться несколькими ключевыми словами, например, цвету #FF00FF соответствуют ключевые слова Fuchsia и Magenta, также серый цвет #808080 может записываться как Gray и как Grey.

 

Первоначальные цвета
Название цвета HEX код
Black #000000
Gray #808080
Silver #C0C0C0
White
#FFFFFF
Fuchsia #FF00FF
Purple #800080
Red #FF0000
Maroon #800000
Yellow #FFFF00
Olive #808000
Lime #00FF00
Green #008000
Aqua #00FFFF
Teal #008080
Blue #0000FF
Navy #000080
Оттенки белого
Название цвета
HEX код
White #FFFFFF
Snow #FFFAFA
Honeydew #F0FFF0
MintCream #F5FFFA
Azure #F0FFFF
AliceBlue #F0F8FF
GhostWhite #F8F8FF
WhiteSmoke #F5F5F5
Seashell #FFF5EE
Beige #F5F5DC
OldLace #FDF5E6
FloralWhite #FFFAF0
Ivory #FFFFF0
AntiqueWhite #FAEBD7
Linen #FAF0E6
LavenderBlush #FFF0F5
MistyRose #FFE4E1
Оттенки серого
Название цвета HEX код
Gainsboro #DCDCDC
LightGrey #D3D3D3
LightGray #D3D3D3
Silver #C0C0C0
DarkGray #A9A9A9
DarkGrey #A9A9A9
Gray #808080
Grey #808080
DimGray #696969
DimGrey #696969
LightSlateGray #778899
LightSlateGrey #778899
SlateGray #708090
SlateGrey #708090
DarkSlateGray #2F4F4F
DarkSlateGrey #2F4F4F
Black #000000

 

Оттенки красного
Название цвета HEX код
IndianRed #CD5C5C
LightCoral #F08080
Salmon #FA8072
DarkSalmon #E9967A
LightSalmon #FFA07A
Crimson #DC143C
Red #FF0000
FireBrick #B22222
DarkRed #8B0000
Оттенки оранжевого
Название цвета HEX код
LightSalmon #FFA07A
Coral #FF7F50
Tomato #FF6347
OrangeRed #FF4500
DarkOrange #FF8C00
Orange #FFA500
Оттенки коричневого
Название цвета HEX код
Cornsilk #FFF8DC
BlanchedAlmond #FFEBCD
Bisque #FFE4C4
NavajoWhite #FFDEAD
Wheat #F5DEB3
BurlyWood #DEB887
Tan #D2B48C
RosyBrown #BC8F8F
SandyBrown #F4A460
Goldenrod #DAA520
DarkGoldenRod #B8860B
Peru #CD853F
Chocolate #D2691E
SaddleBrown #8B4513
Sienna #A0522D
Brown #A52A2A
Maroon #800000

 

Оттенки желтого
Название цвета HEX код
Gold #FFD700
Yellow #FFFF00
LightYellow #FFFFE0
LemonChiffon #FFFACD
LightGoldenrodYellow #FAFAD2
PapayaWhip #FFEFD5
Moccasin #FFE4B5
PeachPuff #FFDAB9
PaleGoldenrod #EEE8AA
Khaki #F0E68C
DarkKhaki #BDB76B

 

Оттенки зеленого
Название цвета HEX код
GreenYellow #ADFF2F
Chartreuse #7FFF00
LawnGreen #7CFC00
Lime #00FF00
LimeGreen #32CD32
PaleGreen #98FB98
LightGreen #90EE90
MediumSpringGreen #00FA9A
SpringGreen #00FF7F
MediumSeaGreen #3CB371
SeaGreen #2E8B57
ForestGreen #228B22
Green #008000
DarkGreen #006400
YellowGreen #9ACD32
OliveDrab #6B8E23
Olive #808000
DarkOliveGreen #556B2F
MediumAquamarine #66CDAA
DarkSeaGreen #8FBC8F
LightSeaGreen #20B2AA
DarkCyan #008B8B
Teal #008080

 

Оттенки синего
Название цвета HEX код
Aqua #00FFFF
Cyan #00FFFF
LightCyan #E0FFFF
PaleTurquoise #AFEEEE
Aquamarine #7FFFD4
Turquoise #40E0D0
MediumTurquoise #48D1CC
DarkTurquoise #00CED1
CadetBlue #5F9EA0
SteelBlue #4682B4
LightSteelBlue #B0C4DE
PowderBlue #B0E0E6
LightBlue #ADD8E6
SkyBlue #87CEEB
LightSkyBlue #87CEFA
DeepSkyBlue #00BFFF
DodgerBlue #1E90FF
CornflowerBlue #6495ED
MediumSlateBlue #7B68EE
RoyalBlue #4169E1
Blue #0000FF
MediumBlue #0000CD
DarkBlue #00008B
Navy #000080
MidnightBlue #191970

 

Оттенки фиолетового
Название цвета HEX код
Lavender #E6E6FA
Thistle #D8BFD8
Plum #DDA0DD
Violet #EE82EE
Orchid #DA70D6
Fuchsia #FF00FF
Magenta #FF00FF
MediumOrchid #BA55D3
MediumPurple #9370DB
BlueViolet #8A2BE2
DarkViolet #9400D3
DarkOrchid #9932CC
DarkMagenta #8B008B
Purple #800080
Indigo #4B0082
SlateBlue #6A5ACD
DarkSlateBlue #483D8B

 

Оттенки розового
Название цвета HEX код
Pink #FFC0CB
LightPink #FFB6C1
HotPink #FF69B4
DeepPink #FF1493
MediumVioletRed #C71585
PaleVioletRed #DB7093

 

 

Возможно, вам также будут интересны статьи:

Как изменить цвет текста в HTML

Раздел: Сайтостроение / HTML /

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

Что такое безопасный цвет HTML

Постараюсь быть кратким. Суть в том, что современные компьютеры для кодирования цвета используют довольно большие числа. И, соответственно, в этих больших числах можно закодировать очень большое количество оттенков. Но беда в том, что многие видеокарты и мониторы не могут правильно отобразить ВСЕ эти оттенки. Поэтому, например, цвет, код которого FFFFAA, на вашем мониторе может выглядеть иначе, чем на мониторе другого пользователя. Также декодирование цветов может отличаться в зависимости от операционной системы пользователя (Windows может декодировать цвет не так, как, например, Mac).

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

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

Надо сказать, что в наше время это уже не так значимо, поскольку почти у всех современные мониторы, видеокарты и браузеры. Поэтому, конечно, вы можете использовать и другие цвета, “НЕ безопасные”. Однако без особой надобности этого всё-таки лучше не делать, и работать по возможности с безопасными цветами.

Как поменять цвет текста в HTML

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

А здесь я расскажу только об одном старом добром способе, который использует тег цвета текста в HTML - тег <font> (точнее, этот тег может изменять не только цвет, но об этом как-нибудь в другой раз).

С одной стороны, этот тег признан нежелательным стандартами HTML4 и XHTML. Но с другой стороны, он поддерживается всеми браузерами, в том числе и устаревшими.

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

Тег <font> может иметь несколько разных атрибутов. Для изменения цвета используется атрибут color.

Значение этого атрибута может быть введено одним из двух способов:

  • Как определение красного, зелёного и синего (RGB).
  • Как стандартное название цвета.

Пример:


Следующий текст будет <font color="red">красным</font>.

Следующий текст будет тоже <font color="#FF0000">красным</font>.

Значение атрибута лучше заключать в кавычки (хотя это и необязательно).

Цветовая модель RGB

В цветовой модели RGB обозначение цвета представляет собой шестизначное шестнадцатеричное число. Для обозначения кода цвета в HTML перед этим числом должен быть знак решётки (#).

Первые две цифры определяют насыщенность красного цвета (от 00 - нет красного, до FF - ярко-красный. Таким же образом определяется насыщенность для зелёного (следующие две цифры) и синего (последние две цифры). Таким образом формат числа, с помощью которого кодируется цвет, следующий:

#RRGGBB

Где RR - красная составляющая, GG - зелёная, BB - синяя.

Чёрный цвет - это отсутствие “свечения” всех составляющих - #000000, а белый цвет - это наибольшая насыщенность RGB - #FFFFFF.

Также можно использовать сокращённую запись, когда вместо двух цифр используется одна:


Следующий текст будет тоже <font color="#F00">красным</font>.

В этом случае формат записи числа будет таким:

#RGB

ВНИМАНИЕ!
Некоторые бразуеры не поддерживают такой формат записи цветового кода.

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

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

В стандартах HTML4 и XHTML определены следующие названия цветов (в скобках указаны RGB-коды):


aqua    (#00FFFF)     gray   (#808080)   
navy    (#000080)     silver (#C0C0C0)   
black   (#FFFFFF)     green  (#008000)
olive   (#808000)     teal   (#008080)   
blue    (#0000FF)     lime   (#00FF00)   
purple  (#800080)     yellow (#FFFF00)
fuchsia (#FF00FF)     maroon (#800000)   
red     (#FF0000)     white  (#FFFFFF)

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

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


Как создать свой сайт

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

Форматирование текста — Minecraft Wiki

Для форматирования текста в Minecraft используются коды форматирования. Каждый код форматирования начинается с символа §. Для его ввода нужно нажать Alt+21.

Форматировать можно:..

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

Форматирование

Тип форматирования делится на два типа: первый — это «цветовое форматирование», второй — «форматирование текста». Первый можно использовать со вторым, например, можно сделать жирный текст зелёного цвета.

Цветовое форматирование

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

Код Название Техническое название Цвет текста Цвет тени
§0 Чёрный black 000000 000000
§1 Тёмно-синий dark_blue 0000AA 00002A
§2 Тёмно-зелёный dark_green 00AA00 002A00
§3 Бирюзовый dark_aqua 00AAAA 002A2A
§4 Темно-красный dark_red AA0000 2A0000
§5 Темно-фиолетовый dark_purple AA00AA 2A002A
§6 Золотой gold FFAA00 2A2A00
§7 Серый gray AAAAAA 2A2A2A
§8 Темно-серый dark_gray 555555 151515
§9 Синий blue 5555FF 15153F
§a Зелёный green 55FF55 153F15
§b Сине-зеленый aqua 55FFFF 153F3F
§c Красный red FF5555 3F1515
§d Фиолетовый light_purple FF55FF 3F153F
§e Жёлтый yellow FFFF55 3F3F15
§f Белый white FFFFFF 3F3F3F

Текстовое форматирование

Код Результат
§k RcjFlu9jw5e$25Mmr%5z$WFJ}Dtt~Ysr8{Dgf4%^d5j5azjk7Hryh5566ghVdrz_dhh5%bd%%^ygsw&345d
§l Жирный
§m Зачёркнутый
§n Подчёркнутый
§o Курсив
§r Сброс

Пример

Следующий текст можно вставить в книгу с пером, чтобы создать то, что показано на картинке:

§nMinecraft Formatting

§r§00 §11 §22 §33
§44 §55 §66 §77
§88 §99 §aa §bb
§cc §dd §ee §ff

§r§0k §kMinecraft
§rl §lMinecraft
§rm §mMinecraft
§rn §nMinecraft
§ro §oMinecraft
§rr §rMinecraft

Примечания

  • В файлах end.txt, credits.txt и splashes.txt используется подобное форматирование.
  • Википедия — CGA.

См. также

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

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