Содержание

HTML-код. Коды цветов HTML

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

Основные сведения

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

Данный код состоит из тэгов, благодаря которым браузер определяет, как выглядит та или иная страница. Структура его делится на две части: head — заголовок документа, в котором прописывается название страницы, а также информация о самом документе, и body — тело документа, в котором задаются параметры страницы.

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

Тэги

Тэг – элемент языка HTML. С его помощью можно задавать шрифт, цвет, размер текста, вставлять в него таблицы и картинки, форматировать, создавать заголовки, ссылки, а также раскрашивать страницу.

Тэги всегда заключены в угловые скобки — <>, и именно это отличает их от основного текста, который и выводится на страницу при просмотре. Бывают они двух видов — парные и одиночные.

Парные состоят из открывающего тэга и закрывающего, при этом в последнем после левой угловой скобки стоит прямой сленш. Например: &lt;b&gt;текст&lt;/b&gt;.

Между двумя тэгами находится текст, таблица, картинка или иной элемент, который и отображается на веб-странице.

Одиночные же состоят из одного тэга и не содержат в себе прямого слеша. Например: &lt;hr&gt;.

Тэги могут иметь параметры, задать которые можно, используя специальные коды для HTML.

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

Основные тэги

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

Парные:

  • &lt; body&gt; — содержит основные параметры документа, такие как фон, цвет ссылок, поля и прочие;
  • &lt; p&gt; — обозначает абзац;
  • &lt; b&gt; — выделяет текст жирным;
  • &lt; i&gt; — курсив;
  • &lt; u&gt; — подчеркивает текст;
  • &lt; s&gt; — перечеркивает текст;
  • &lt; sup&gt; — задает текст как верхний индекс;
  • &lt; sub&gt; — нижний индекс;
  • &lt; font&gt; — задает парамерты шрифта: размер, шрифт, цвет;
  • &lt; div&gt; — с его помощью вы можете выровнять ваш текст;
  • &lt; h&gt;- тэг заголовков;
  • &lt; a&gt; — с его помощью задаются ссылки;
  • &lt; table&gt; — помогает вставить в документ таблицы, с ним связаны тэги &lt; tr&gt; (строка) и &lt; td&gt; (ячейка).

Одиночные:

  • &lt;br&gt; — одиночный, переносит текст, следующий после него, на новую страницу;
  • &lt;hr&gt; — с его помощью можно вставить в текст горизонтальную черту.

Стоит отметить, что тэги обычно прописываются с новой строки. Делается это для удобства не только самого верстальщика, но и тех, кто будет просматривать коды в HTML.

Параметры тэгов

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

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

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

  • face — задает вид шрифта;
  • size — задает размер;
  • color — задает цвет;
  • align — выравнивание;
  • name — имя;
  • href — с помощью данного параметра задается адрес ссылки;
  • alt — альтернативный текст;
  • width — ширина;
  • height — высота;
  • background — фоновый рисунок;
  • bgcolor – фон.

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

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

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

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

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

Также есть таблица безопасных цветов, которая насчитывает 216 всевозможных оттеков.

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

Данный код достаточно скопировать и подставить в параметры нужного вам тэга.

Как посмотреть код страницы

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

Но как это сделать? Есть два способа, довольно простых и понятных. Первый – открыть нужную вам страницу и нажать сочетание клавиш Ctrl+U. В новом окне появится исходный код страницы, который вы сможете посмотреть и изучить.

Второй способ – нажать левую кнопку мышки и выбрать в выпавшем списке пункт «Исходный код». Но все же рекомендуем вам воспользоваться первым способом, так как применение горячих клавиш намного проще и удобнее.

Отметим, что, читая код, вы также сможете просматривать комментарии к нему, прописываемые в тэге «Комментарий», который выглядит так: &lt;! &gt;. При этом сам комментарий пишется после восклицательного знака. В браузере он не отображается. А пишется, в основном, для того, чтобы другие программисты и веб-дизайнеры смогли понять, что за блок информации находится ниже, зачем был указан тот или иной кусочек кода.

Выводы

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

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

Предопределённые цвета HTML и CSS

Предопределённые цвета HTML и CSS — это 140 цветов (17 стандартных и 123 дополнительных), которые определены в спецификации; также их ещё называют «зарезервированными».

Предопределённые цвета можно использовать через их шестнадцатеричные коды или их собственные имена.

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

Регистр написания шестнадцатеричного кода и имени цвета значения не имеет: #FF0000 = #Ff0000 = #ff0000
Red = rEd = red

Все

#ИмяШестнадцатеричный кодЦвет
1AliceBlue#f0f8ff
2AntiqueWhite#faebd7
3Aqua#00ffff
4Aquamarine#7fffd4
5Azure#f0ffff
6Beige#f5f5dc
7Bisque#ffe4c4
8Black#000000
9BlanchedAlmond#ffebcd
10Blue#0000ff
11BlueViolet#8a2be2
12Brown#a52a2a
13BurlyWood#deb887
14CadetBlue#5f9ea0
15Chartreuse#7fff00
16Chocolate#d2691e
17Coral#ff7f50
18CornflowerBlue#6495ed
19Cornsilk#fff8dc
20Crimson#dc143c
21Cyan#00ffff
22DarkBlue#00008b
23DarkCyan#008b8b
24DarkGoldenRod#b8860b
25DarkGray#a9a9a9
26DarkGreen#006400
27DarkKhaki#bdb76b
28DarkMagenta
#8b008b
29DarkOliveGreen#556b2f
30DarkOrange#ff8c00
31DarkOrchid#9932cc
32DarkRed#8b0000
33DarkSalmon#e9967a
34DarkSeaGreen#8fbc8f
35DarkSlateBlue#483d8b
36DarkSlateGray#2f4f4f
37DarkTurquoise#00ced1
38DarkViolet#9400d3
39DeepPink#ff1493
40DeepSkyBlue#00bfff
41DimGray#696969
42DodgerBlue#1e90ff
43FireBrick#b22222
44FloralWhite#fffaf0
45ForestGreen#228b22
46Fuchsia#ff00ff
47Gainsboro#dcdcdc
48GhostWhite#f8f8ff
49Gold#ffd700
50GoldenRod#daa520
51
Gray#808080
52Green#008000
53GreenYellow#adff2f
54HoneyDew#f0fff0
55HotPink#ff69b4
56IndianRed#cd5c5c
57Indigo#4b0082
58Ivory#fffff0
59Khaki#f0e68c
60Lavender#e6e6fa
61LavenderBlush#fff0f5
62LawnGreen#7cfc00
63LemonChiffon#fffacd
64LightBlue#add8e6
65LightCoral#f08080
66LightCyan#e0ffff
67LightGoldenRodYellow#fafad2
68LightGray#d3d3d3
69LightGreen#90ee90
70LightPink#ffb6c1
71LightSalmon#ffa07a
72LightSeaGreen#20b2aa
73LightSkyBlue#87cefa
74LightSlateGray#778899
75LightSteelBlue#b0c4de
76LightYellow#ffffe0
77Lime#00ff00
78LimeGreen#32cd32
79Linen#faf0e6
80Magenta#ff00ff
81Maroon#800000
82MediumAquaMarine#66cdaa
83MediumBlue#0000cd
84MediumOrchid#ba55d3
85MediumPurple#9370db
86MediumSeaGreen#3cb371
87MediumSlateBlue#7b68ee
88MediumSpringGreen#00fa9a
89MediumTurquoise#48d1cc
90MediumVioletRed#c71585
91MidnightBlue#191970
92MintCream#f5fffa
93MistyRose#ffe4e1
94Moccasin#ffe4b5
95NavajoWhite#ffdead
96Navy
#000080
97OldLace#fdf5e6
98Olive#808000
99OliveDrab#6b8e23
100Orange#ffa500
101OrangeRed#ff4500
102Orchid#da70d6
103PaleGoldenRod#eee8aa
104PaleGreen#98fb98
105PaleTurquoise#afeeee
106PaleVioletRed#db7093
107PapayaWhip
#ffefd5
108PeachPuff#ffdab9
109Peru#cd853f
110Pink#ffc0cb
111Plum#dda0dd
112PowderBlue#b0e0e6
113Purple#800080
114Red#ff0000
115RosyBrown#bc8f8f
116RoyalBlue#4169e1
117SaddleBrown#8b4513
118Salmon#fa8072
119SandyBrown#f4a460
120SeaGreen#2e8b57
121SeaShell#fff5ee
122Sienna#a0522d
123Silver#c0c0c0
124SkyBlue#87ceeb
125SlateBlue#6a5acd
126SlateGray#708090
127Snow#fffafa
128SpringGreen#00ff7f
129SteelBlue#4682b4
130Tan#d2b48c
131Teal#008080
132Thistle#d8bfd8
133Tomato#ff6347
134Turquoise#40e0d0
135Violet#ee82ee
136Wheat#f5deb3
137White#ffffff
138WhiteSmoke#f5f5f5
139Yellow#ffff00
140YellowGreen#9acd32

Стандартные

#ИмяШестнадцатеричный код
Цвет
1Aqua#00ffff
2Black#000000
3Blue#0000ff
4Fuchsia#ff00ff
5Gray#808080
6Green#008000
7Lime#00ff00
8Maroon#800000
9Navy#000080
10Olive#808000
11Orange#ffa500
12Purple#800080
13Red#ff0000
14Silver#c0c0c0
15Teal#008080
16White#ffffff
17Yellow#ffff00

Как выбрать цвета для сайта html

HTML Цвета

На данной странице представлены специальные ключевые слова, которые можно применять для обозначения того или иного цвета на интернет сайтах, и при разработке на языках программирования для Web, таких как HTML, CSS, JavaScript, Flash, и др.

В ранних спецификациях W3C было определено всего 16 ключевых цветов. В более поздних спецификациях дополнительно было определено ещё 130 различных названий цветов. Следующая таблица содержит имена, и образцы цветов, которые ассоциируются с этими именами.

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

Имена цветов в HTML не чувствительны к регистру, и могут записываться в любой форме

Также стоит отметить, что имея 147 различных ключевых слов (17 старых и 130 новых), не все цвета в этом списке уникальны. Некоторые имена обозначают один и тот же цвет. Так, например, и Grey, и Gray обозначают 50-процентный серый цвет #808080, а Magenta — это лишь синоним HTML цвета Fuchsia, и ссылается на шестнадцатеричный код цвета #FF00FF.

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

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

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

Как задаются цвета в Html и CSS коде, подбор RGB оттенков в таблицах, выдаче Яндекса и других программах

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

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

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

Коды и таблица базовых RGB цветов

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

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

Соответственно, для своего web документа мы можем выбрать любой оттенок из огромного количества возможных (256*256*256). Например, для получения черного цвета нужно, чтобы у всех трех каналов цветовой схемы было нулевое значение яркости, а для получения белого — красный, зеленый и синий цвета должны иметь максимальную яркость.

Давайте теперь попробуем разобраться, как задать яркость в каждом канале и сколько у нас есть для этого возможностей?

На самом деле, есть два основных способа:

  1. задание с помощью записи яркости по каждому из каналов (красному, зеленому и синему) в шестнадцатеричной системе счисления
  2. задание с помощью ввода названия цвета в коде web документа

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

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

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

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

Оттенок Шестнадцатиричная запись
Желтый #ffff00
Зеленый #008000
Белый #ffffff
Красный #ff0000
Серый #808080
Синий #0000ff
Черный #000000

Естественно, что вы не обязаны сами придумывать и сопоставлять шестнадцатиричные коды оттенков с теми, что вы хотите увидеть на своем интернет проекте. Подбирать колор для сайта вы можете в любом графическом редакторе (даже в бесплатном онлайн-редакторе Pixlr Editor), где вам обязательно покажут запись этого оттенка в формате RGB, или найти таблицу Html цветов и скопировать нужный вам код оттуда.

Яндекс Цвета — подбор RGB палитры оттенков в выдаче Yandex

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

Если и это вам не подходит, то откройте просто Яндекс и введите в поисковую строку запрос с названием того оттенка, который вам интересен (хотя, можно ввести просто: серобуромалиновый).

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

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

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

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

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

Ну, во-первых, наверное, понятно, что все 16 миллионов возможных в RGB схеме оттенков вы с помощью слов представить не сможете ни в одной таблице (устанете ее прокручивать).

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

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

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

Использование кодов и названий цветов в вебмастеринге

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

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

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

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

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

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

Как вы можете видеть, иногда для сокращения записи оттенка используют не шесть знаков, а только три, в том случае, если они совпадают для каждого канала — «#6с0» вместо «#66сс00».

Выбор цвета из палитры специальной программы или захват его с экрана

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

Т.к. у нас три основных колора, из комбинации которых формируются все остальные оттенки, то шестнадцатиричная запись будет иметь примерно такой вид: 99FF66 (оттенок зеленого). Добавив перед ним # получим код #99FF66, который можно использовать как в Html, так и в стилевых файлах. Само собой разумеется, что вы сами не должны вычислять и помнить всю эту абрукадабру.

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

Вот список программ, которые позволяют все это реализовать в полной мере:

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Комментарии и отзывы (12)

Может мой вопрос немного туповат но я всё же не понял как изменить цвет дизайна (например у меня цвет дизайна красный а я хочу поменять на чёрный) =))

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

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

А как сделать фон полупрозрачным?

Здравствуйте, уважаемый Дмитрий!

Подскажите, плз: почему ФайрФокс понимает трёхзначное написание цвета, типа «.style1 », а ИЕ-9 абсолютно этого не понимает и требует шестизначного написания – «.style1 », иначе выдаёт всё чёрным? Ну объясните, плз, в чём тут прикол?

С искреннейшим уважением, Михаил Уткин, http://tzhs.narod.ru/

Отличная утилита этот Just Color Picker! Только что скачал последнюю версию. Работает прекрасно, простой интерфейс и при этом много полезных функций, а также для понимания цветовых сочетаний.

Подобрал с помощью этого колорпикера хорошие оттенки для дизайна моего ресурса за 2 минуты. Кому интересно — качайте с сайта автора проги http://annystudio.com/software/colorpicker/ Бесплатно.

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

Дмитрий, а не подскажите, какой у вас на сайте стоит шрифт и его размер. Заранее спасибо.

Даниил: это довольно легко узнать для любого сайта с помощью плагина для Firefox под названием Firebug (ссылка на него приведена в моем ответе чуть выше). Ну, а в Опере и в Хроме уже имеются встроенные инструменты подобные Файрбагу.

большое человеческое спасибо!! пойду маляваць))

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

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

Вы ее находили уже? не знаете, как теперь в нее попасть?

Написала в поддержку яндекса — спросила, где теперь их палитра цвета. Оказалось, я стала участником их эксперимента, которые они время от времени проводят на ограниченной группе пользователей. То есть конкретно у меня поисковая выдача теперь работает по-другому. И палитры теперь нет. А я думала, что у всех поменялось. Как они нас (ограниченную группу пользователей) выбирают?

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

Лучшие онлайн игры — HTML Коды Цветов

Русское названиеIn EnglishКод / Сode
БелоснежныйSnowFFFAFA
Призрачно-белыйGhostwhiteF8F8FF
Белый-антикAntique WhiteFAEBD7
КремовыйCreamFFFBF0
ПерсиковыйPeachpuffFFDAB9
Белый-навахоNavajo WhiteFFDEAD
Шелковый оттенокCornsilkFFF8DC
Слоновая костьIvoryFFFFF0
ЛимонныйLemon ChiffonFFFACD
Морская раковинаSeashellFFF5EE
МедовыйHoneydewF0FFF0
ЛазурныйAzureF0FFFF
Бледно-лиловыйLavenderE6E6FA
Голубой с красным отливомLavender BlushFFF0F5
Тускло-розовыйMisty RoseFFE4E1
БелыйWhite (*)FFFFFF
ЧерныйBlack (*)000000
Тускло-серыйDim Gray696969
Синевато-серыйSlate Gray708090
Грифельно-серыйLight Slate Gray778899
СерыйGrayBEBEBE
Светло-серыйLight GrayC0C0C0
Серый нейтральныйMedium GrayA0A0A4
Темно-серыйDark Gray808080
Полуночно-синийMidnight Blue191970
Темно-синийNavy (*), Dark Blue000080
ВасильковыйCornflower6495ED
Грифельно-синийSlate Blue6A5ACD
Светлый грифельно-синийLight Slate Blue8470FF
Голубой королевскийRoyal Blue4169E1
СинийBlue0000FF
Небесно-голубойSky Blue87CEEB
Небесно-голубой светлыйLight Sky Blue87CEFA
Синий со стальным оттенкомSteel Blue4682B4
Голубой со стальным оттенкомLight Steel BlueB0C4DE
Светло-синийLight BlueA6CAF0
Синий с пороховым оттенкомPowder BlueB0E0E6
Бледно-бирюзовыйPale TurquoiseAFEEEE
БирюзовыйTurquoise40E0D0
Зеленовато-голубойCyan (*)00FFFF
Светлый цианLight CyanE0FFFF
Темный цианDark Cyan008080
Серо-синийCadet Blue5F9EA0
АквамаринAquamarine7FFFD4
Цвет морской волныSeagreen54FF9F
Цвет морской волны, светлыйLight Seagreen20B2AA
Бледно-зеленыйPale Green98FB98
Весенне-зеленыйSpring Green00FF7F
Зеленая лужайкаLawn Green7CFC00
ЗеленыйGreen (*)00FF00
Средне-зеленыйMedium GreenC0DCC0
Темно-зеленыйDark Green008000
Зеленовато-желтыйChartreuse7FFF00
Зелено-желтыйGreen YellowADFF2F
Лимонно-зеленыйLime Green32CD32
Желто-зеленыйYellow Green9ACD32
Зеленый леснойForest Green228B22
ХакиForest GreenF0E68C
Бледно-золотистыйPale GoldenrodEEE8AA
Светло-желтый золотистыйLight Goldenrod YellowFAFAD2
Светло-желтыйLight YellowFFFFE0
ЖелтыйYellow (*)FFFF00
Темно-желтыйDark Yellow808000
ЗолотойGoldFFD700
Светло-золотистыйLight GoldenrodFFEC8B
ЗолотистыйGoldenrodDAA520
ЖелтоватыйBurly WoodDEB887
Розово-коричневыйRosy BrownBC8F8F
Кожано-коричневыйSaddle Brown8B4513
ОхраSiennaA0522D
БежевыйBeigeF5F5DC
ПшеничныйWheatF5DEB3
Рыжевато-коричневыйTanD2B48C
ШоколадныйChocolateD2691E
КирпичныйFirebrickB22222
КоричневыйBrownA52A2A
СомонSalmonFA8072
Светлый сомонLight SalmonFFA07A
ОранжевыйOrangeFFA500
КоралловыйCoralFF7F50
Коралловый светлыйLight CoralF08080
Оранжево-красныйOrange RedFF4500
КрасныйRed (*)FF0000
Темно-красныйDark Red800000
Теплый розовыйHot PinkFF69B4
РозовыйPinkFFC0CB
Светло-розовыйLight PinkFFB6C1
Красно-фиолетовый бледныйPale Violet RedDB7093
Темно-бордовыйMaroon (*)B03060
Красно-фиолетовыйViolet RedD02090
ФуксинMagenta (*)FF00FF
Фуксин темныйDark Magenta800080
ФиолетовыйVioletEE82EE
Темно-фиолетовыйPlumDDA0DD
ОрсельOrchidDA70D6
Фиолетово-синийBlue Violet8A2BE2
ПурпурныйPurpleA020F0

seodon.ru | Цвета HTML — Безопасные цвета HTML

Опубликовано: 05.03.2011 Последняя правка: 16.12.2015

На этой странице представлена таблица безопасных цветов HTML в формате RGB (для CSS и разных приложений) и HEX (для HTML и CSS). Используя эти цвета, вы можете быть уверены, что они будут одинаково отображены любыми старыми и новыми устройствами, на которых будут просматривать ваш сайт (мониторы, мобильные телефоны и т.д.) и всеми браузерами. При указании кода цвета в HTML перед ним необходимо поставить знак решетка (#). Все представленные ниже цвета допускается задавать в сокращенном виде, например #F3C вместо #FF33CC или #333 вместо #333333, а некоторые из них указывать по имени цвета.

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

Каждый HEX-код состоит из трех пар шестнадцатеричных значений: первая пара отвечает за красный цвет, вторая — за зеленый, третья — за синий. Коды безопасной палитры могут состоять только из пар — 00, 33, 66, 99, СС и FF. Если код цвета содержит какое-либо другое значение, то этот цвет не из безопасной палитры.

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

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

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

Вернуться на сайт poleshuk.ru

#FFFAFA
#F8F8FF
#F5F5F5
#DCDCDC
#FFFAF0
#FDF5E6
#FAF0E6
#FAEBD7
#FFEFD5
#FFEBCD
#FFE4C4
#FFDAB9
#FFDEAD
#FFE4B5
#FFF8DC
#FFFFF0
#FFFACD
#FFF5EE
#F0FFF0
#F5FFFA
#F0FFFF
#F0F8FF
#E6E6FA
#FFF0F5
#FFE4E1
#FFFFFF
#000000
#2F4F4F
#696969
#708090
#778899
#BEBEBE
#D3D3D3
#191970
#000080
#6495ED
#483D8B
#6A5ACD
#7B68EE
#8470FF
#0000CD
#4169E1
#0000FF
#1E90FF
#00BFFF
#87CEEB
#87CEFA
#4682B4
#B0C4DE
#ADD8E6
#B0E0E6
#AFEEEE
#00CED1
#48D1CC
#40E0D0
#00FFFF
#E0FFFF
#5F9EA0
#66CDAA
#7FFFD4
#006400
#556B2F
#8FBC8F
#2E8B57
#3CB371
#20B2AA
#98FB98
#00FF7F
#7CFC00
#00FF00
#7FFF00
#00FA9A
#ADFF2F
#32CD32
#9ACD32
#228B22
#6B8E23
#BDB76B
#EEE8AA
#FAFAD2
#FFFFE0
#FFFF00
#FFD700
#EEDD82
#DAA520
#B8860B
#BC8F8F
#CD5C5C
#8B4513
#A0522D
#CD853F
#DEB887
#F5F5DC
#F5DEB3
#F4A460
#D2B48C
#D2691E
#B22222
#A52A2A
#E9967A
#FA8072
#FFA07A
#FFA500
#FF8C00
#FF7F50
#F08080
#FF6347
#FF4500
#FF0000
#FF69B4
#FF1493
#FFC0CB
#FFB6C1
#DB7093
#B03060
#C71585
#D02090
#FF00FF
#EE82EE
#DDA0DD
#DA70D6
#BA55D3
#9932CC
#9400D3
#8A2BE2
#A020F0
#9370DB
#D8BFD8
#FFFAFA
#EEE9E9
#CDC9C9
#8B8989
#FFF5EE
#EEE5DE
#CDC5BF
#8B8682
#FFEFDB
#EEDFCC
#CDC0B0
#8B8378
#FFE4C4
#EED5B7
#CDB79E
#8B7D6B
#FFDAB9
#EECBAD
#CDAF95
#8B7765
#FFDEAD
#EECFA1
#CDB38B
#8B795E
#FFFACD
#EEE9BF
#CDC9A5
#8B8970
#FFF8DC
#EEE8CD
#CDC8B1
#8B8878
#FFFFF0
#EEEEE0
#CDCDC1
#8B8B83
#F0FFF0
#E0EEE0
#C1CDC1
#838B83
#FFF0F5
#EEE0E5
#CDC1C5
#8B8386
#FFE4E1
#EED5D2
#CDB7B5
#8B7D7B
#F0FFFF
#E0EEEE
#C1CDCD
#838B8B
#836FFF
#7A67EE
#6959CD
#473C8B
#4876FF
#436EEE
#3A5FCD
#27408B
#0000FF
#0000EE
#0000CD
#00008B
#1E90FF
#1C86EE
#1874CD
#104E8B
#63B8FF
#5CACEE
#4F94CD
#36648B
#00BFFF
#00B2EE
#009ACD
#00688B
#87CEFF
#7EC0EE
#6CA6CD
#4A708B
#B0E2FF
#A4D3EE
#8DB6CD
#607B8B
#C6E2FF
#B9D3EE
#9FB6CD
#6C7B8B
#CAE1FF
#BCD2EE
#A2B5CD
#6E7B8B
#BFEFFF
#B2DFEE
#9AC0CD
#68838B
#E0FFFF
#D1EEEE
#B4CDCD
#7A8B8B
#BBFFFF
#AEEEEE
#96CDCD
#668B8B
#98F5FF
#8EE5EE
#7AC5CD
#53868B
#00F5FF
#00E5EE
#00C5CD
#00868B
#00FFFF
#00EEEE
#00CDCD
#008B8B
#97FFFF
#8DEEEE
#79CDCD
#528B8B
#7FFFD4
#76EEC6
#66CDAA
#458B74
#C1FFC1
#B4EEB4
#9BCD9B
#698B69
#54FF9F
#4EEE94
#43CD80
#2E8B57
#9AFF9A
#90EE90
#7CCD7C
#548B54
#00FF7F
#00EE76
#00CD66
#008B45
#00FF00
#00EE00
#00CD00
#008B00
#7FFF00
#76EE00
#66CD00
#458B00
#C0FF3E
#B3EE3A
#9ACD32
#698B22
#CAFF70
#BCEE68
#A2CD5A
#6E8B3D
#FFF68F
#EEE685
#CDC673
#8B864E
#FFEC8B
#EEDC82
#CDBE70
#8B814C
#FFFFE0
#EEEED1
#CDCDB4
#8B8B7A
#FFFF00
#EEEE00
#CDCD00
#8B8B00
#FFD700
#EEC900
#CDAD00
#8B7500
#FFC125
#EEB422
#CD9B1D
#8B6914
#FFB90F
#EEAD0E
#CD950C
#8B658B
#FFC1C1
#EEB4B4
#CD9B9B
#8B6969
#FF6A6A
#EE6363
#CD5555
#8B3A3A
#FF8247
#EE7942
#CD6839
#8B4726
#FFD39B
#EEC591
#CDAA7D
#8B7355
#FFE7BA
#EED8AE
#CDBA96
#8B7E66
#FFA54F
#EE9A49
#CD853F
#8B5A2B
#FF7F24
#EE7621
#CD661D
#8B4513
#FF3030
#EE2C2C
#CD2626
#8B1A1A
#FF4040
#EE3B3B
#CD3333
#8B2323
#FF8C69
#EE8262
#CD7054
#8B4C39
#FFA07A
#EE9572
#CD8162
#8B5742
#FFA500
#EE9A00
#CD8500
#8B5A00
#FF7F00
#EE7600
#CD6600
#8B4500
#FF7256
#EE6A50
#CD5B45
#8B3E2F
#FF6347
#EE5C42
#CD4F39
#8B3626
#FF4500
#EE4000
#CD3700
#8B2500
#FF0000
#EE0000
#CD0000
#8B0000
#FF1493
#EE1289
#CD1076
#8B0A50
#FF6EB4
#EE6AA7
#CD6090
#8B3A62
#FFB5C5
#EEA9B8
#CD919E
#8B636C
#FFAEB9
#EEA2AD
#CD8C95
#8B5F65
#FF82AB
#EE799F
#CD6889
#8B475D
#FF34B3
#EE30A7
#CD2990
#8B1C62
#FF3E96
#EE3A8C
#CD3278
#8B2252
#FF00FF
#EE00EE
#CD00CD
#8B008B
#FF83FA
#EE7AE9
#CD69C9
#8B4789
#FFBBFF
#EEAEEE
#CD96CD
#8B668B
#E066FF
#D15FEE
#B452CD
#7A378B
#BF3EFF
#B23AEE
#9A32CD
#68228B
#9B30FF
#912CEE
#7D26CD
#551A8B
#AB82FF
#9F79EE
#8968CD
#5D478B
#FFE1FF
#EED2EE
#CDB5CD
#8B7B8B
#1C1C1C
#363636
#4F4F4F
#696969
#828282
#9C9C9C
#B5B5B5
#CFCFCF
#E8E8E8
#A9A9A9
#00008B
#008B8B
#8B008B
#8B0000
#90EE90

HTML — Цвета

Цвета очень важны для хорошего внешнего вида вашего сайта. Вы можете указать цвета на уровне страницы, используя тег <body>, или вы можете установить цвета для отдельных тегов, используяbgcolor атрибут.

Тег <body> имеет следующие атрибуты, которые можно использовать для установки разных цветов:

  • bgcolor — устанавливает цвет фона страницы.

  • text — устанавливает цвет для основного текста.

  • alink — устанавливает цвет активных ссылок или выбранных ссылок.

  • link — устанавливает цвет связанного текста.

  • vlink— устанавливает цвет для посещенных ссылок — то есть для связанного текста, по которому вы уже нажимали.

Методы цветового кодирования HTML

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

  • Color names — Вы можете напрямую указать названия цветов, например зеленый, синий или красный.

  • Hex codes — Шестизначный код, представляющий количество красного, зеленого и синего цветов, составляющих цвет.

  • Color decimal or percentage values — Это значение указывается с помощью свойства rgb ().

Теперь мы рассмотрим эти схемы раскраски одну за другой.

Цвета HTML — названия цветов

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

Note— Проверьте полный список HTML Color Name.

Стандарт W3C 16 цветов

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

Черный Серый Серебряный Белый
Желтый Лайм Аква Фуксия
Красный Зеленый Синий Пурпурный
Бордовый Оливковое Флот Бирюзовый

пример

Вот примеры для установки фона тега HTML по имени цвета —

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Name</title>
   </head>
	
   <body text = "blue" bgcolor = "green">
      <p>Use different color names for for body and table and see the result.</p>
      
      <table bgcolor = "black">
         <tr>
            <td>
               <font color = "white">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

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

Шестнадцатеричное число — это 6-значное представление цвета. Первые две цифры (RR) представляют значение красного цвета, следующие две — значение зеленого цвета (GG), а последние — значение синего цвета (BB).

Шестнадцатеричное значение можно взять из любого графического программного обеспечения, такого как Adobe Photoshop, Paintshop Pro или MS Paint.

Каждому шестнадцатеричному коду будет предшествовать знак решетки или решетки #. Ниже приводится список нескольких цветов в шестнадцатеричной системе счисления.

цвет Цвет HEX
  # 000000
  # FF0000
  # 00FF00
  # 0000FF
  # FFFF00
  # 00FFFF
  # FF00FF
  # C0C0C0
  #FFFFFF

пример

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

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Hex</title>
   </head>
	
   <body text = "#0000FF" bgcolor = "#00FF00">
      <p>Use different color hexa for for body and table and see the result.</p>
      
      <table bgcolor = "#000000">
         <tr>
            <td>
               <font color = "#FFFFFF">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

Цвета HTML — значения RGB

Это значение цвета указывается с помощью rgb( )свойство. Это свойство принимает три значения, по одному для красного, зеленого и синего цветов. Значение может быть целым числом от 0 до 255 или процентом.

Note — Все браузеры не поддерживают свойство цвета rgb (), поэтому не рекомендуется его использовать.

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

цвет Цвет RGB
  rgb (0,0,0)
  RGB (255,0,0)
  rgb (0,255,0)
  RGB (0,0,255)
  RGB (255,255,0)
  RGB (0,255,255)
  RGB (255,0,255)
  RGB (192,192,192)
  RGB (255,255,255)

пример

Вот примеры для установки фона тега HTML с помощью цветового кода с использованием значений rgb ():

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by RGB code</title>
   </head>
	
   <body text = "rgb(0,0,255)" bgcolor = "rgb(0,255,0)">
      <p>Use different color code for for body and table and see the result.</p>
      
      <table bgcolor = "rgb(0,0,0)">
         <tr>
            <td>
               <font color = "rgb(255,255,255)">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

Безопасные цвета для браузера

Вот список из 216 цветов, которые считаются самыми безопасными и независимыми от компьютера. Эти цвета варьируются от шестнадцатеричного кода 000000 до FFFFFF и будут поддерживаться всеми компьютерами, имеющими 256 цветную палитру.

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

Color Picker — Цвет из изображения, HEX, RGB, HTML, HSL Online

Найдите идеальный HTML-цвет для ваших изображений и иллюстраций NFT с помощью инструмента Appy Pie Image Color Picker и NFT Color Picker

Вы хотите знать, какой цвет на вашем изображении? Теперь найдите цвет на изображении и измените цвет любого пикселя на любом изображении с помощью инструмента выбора цвета изображения Appy Pie, который поддерживает различные цветовые коды, такие как цветовые коды RGB, HSL, CMYK, HTML HEX.

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

Средство выбора цвета изображения Appy Pie позволяет легко получить код CSS для изображения, которое вы хотите использовать. Вы можете легко получить цветовой код изображения, загрузив его или введя URL-адрес изображения. Это избавит вас от хлопот, связанных с получением цветового кода вручную.Это сэкономит вам много времени, и вы сможете использовать сэкономленное время для создания лучшего веб-сайта или дизайна.

С помощью нашего инструмента выбора цвета вы также можете создавать новые цвета для своего NFT Art, смешивая существующие. Придайте своей коллекции NFT новый вид, поскольку наш инструмент выбора цвета изображения имеет простой, но эффективный интерфейс, а также встроенный инструмент выбора цвета и загрузчик изображений для более точного управления. Это позволит вам добавлять разные цвета для иллюстраций NFT, которые вы продаете или загружаете в свою игру или продаете покупателю по вашему выбору.С помощью инструмента Appy Pie NFT Creator вы можете бесплатно создавать изображения NFT и придавать им разные цвета с помощью нашего инструмента выбора цвета всего за несколько кликов соответственно. Произошло именно так, не получилось 2 в одном.

Как использовать онлайн-палитру цветов Appy Pie?

В настоящее время люди предпочитают использовать технологии для своей работы. Поэтому люди не предпочитают использовать старые способы подбора цветов. Вместо этого они предпочитают использовать онлайн-подборщики цветов для изображений. Онлайн-подборщик цветов изображений Appy Pie — удивительный инструмент.Это позволяет вам выбирать цвета из изображений, и вы можете выбрать любой цвет из этого изображения.

С помощью интерактивной палитры изображений Appy Pie у вас есть возможность выбрать точный цвет существующего изображения или ввести значения RGB, CMYK, HEX, HSL или HSV.

Чтобы получить значение цвета изображения, вам нужно выбрать изображение на своем компьютере или загрузить его. Изображение будет загружено, и значения цвета для выбранного цвета отобразятся в палитре цветов. Кроме того, чтобы создать собственную цветовую схему, вам нужно выбрать цвет, а затем нажать кнопку «Создать».

  • 1 Выберите изображение на своем компьютере и загрузите его

  • 2 Выберите нужный цвет

  • 3 Выберите цвет с помощью мыши или инструмента выбора цвета справа

  • 4 Теперь щелкните код RGB или HEX, который появляется на изображении

Каковы преимущества средства выбора цвета изображения Appy Pie?

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

Вам нужно только загрузить или выбрать изображение, будь то постер, логотип, флаер или художественное произведение NFT, просто выберите цвета, которые вы хотите извлечь из него.Цвет Appy Pie для веб-выборщика позволяет извлекать цвета из любого изображения и абсолютно бесплатен.

  • Больше не нужно возиться с образцами цветов
  • Также совместим с платформами iOS и Android
  • Легко получить нужный цвет с помощью прилагаемого цветового круга
  • Хороший пользовательский интерфейс и адаптивный дизайн
  • Получите точное шестнадцатеричное значение, которое вам нужно, с помощью цветового круга
  • Color Mixer: позволяет легко смешивать цвета
  • Цветовая группа: позволяет группировать цвета в разные группы
  • Просто нажмите на нужный цвет, и он появится
  • Совместимость с мобильными устройствами и браузерами
  • Создавайте цветовые комбинации, подходящие для вашего проекта
  • Палитра: содержит список цветов в различных цветовых сочетаниях
  • Вам больше не нужно щуриться, чтобы увидеть нужный цвет
  • Блокнот: позволяет пробовать разные цветовые комбинации вашего изображения, предоставляя область блокнота, где вы можете попробовать разные оттенки одного и того же цвета

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

Имена цветов — это значения (имена), представляющие цвет.

Примеры включают бирюзовый, зеленый, томатный, светло-лососевый и другие.

Эти имена можно использовать вместо значений цвета HEX и RGB.

Элемент

с именованным цветом фона.

  <дел>
  персиковый слой
Попробуйте вживую

названия цветов HTML, упорядоченные по цветам:

  ЦВЕТ ИМЯ Шестнадцатеричный RGB
Светлый лосось #FFA07A RGB(255, 160, 122)
Темный лосось #E9967A RGB(233, 150, 122)
Лосось #FA8072 RGB(250, 128, 114)
Светло-коралловый #F08080 RGB(240, 128, 128)
Индийский красный #CD5C5C RGB(205, 92, 92)
Красный #FF0000 RGB(255, 0, 0)
малиновый #DC143C RGB(220, 20, 60)
Огнеупорный кирпич #B22222 RGB(178, 34, 34)
темно-красный #8B0000 RGB(139, 0, 0)

  ЦВЕТ ИМЯ Шестнадцатеричный RGB
Розовый #FFC0CB RGB(255, 192, 203)
светло-розовый #FFB6C1 RGB(255, 182, 193)
ярко-розовый #FF69B4 RGB(255, 105, 180)
DeepPink #FF1493 RGB(255, 20, 147)
Бледно-фиолетовыйКрасный #C71585 RGB(219, 112, 147)
MediumVioletRed #C71585 RGB(199, 21, 133)

  ЦВЕТ ИМЯ Шестнадцатеричный RGB
Золото #FFD700 RGB(55, 215, 0)
Оранжевый #FFA500 RGB(255, 165, 0)
Темно-оранжевый #FF8C00 RGB(255, 140, 0)
Светлый лосось #FFA07A RGB(255, 160, 122)
Коралловый #FF7F50 RGB(255, 127, 80)
Помидор #FF6347 RGB(255, 99, 71)
ОранжевыйКрасный #FF4500 RGB(255, 69, 0)

  ЦВЕТ ИМЯ Шестнадцатеричный RGB
светло-желтый #FFFFFE0 RGB(255, 255, 224)
лимонный шифон #FFFACD RGB(255, 250, 205)
Золотарник светлыйЖелтый #ФАФАД2 RGB(250, 250, 210)
Желтый #FFFF00 RGB(255, 255,0)
Папайя Whip #FFEFD5 RGB(255, 239, 213)
Мокасины #FFE4B5 RGB(255, 228, 181)
Персиковый слой #FFDAB9 RGB(255, 218, 185)
Бледный золотарник #EEE8AA RGB(238, 232, 170)
Хаки #F0E68C RGB(240, 230, 140)
Темный Хаки #BDB76B RGB(189, 183, 107)

  ЦВЕТ ИМЯ Шестнадцатеричный RGB
ЗеленыйЖелтый #ADFF2F RGB(173, 255, 47)
Шартрез #7FFF00 RGB(127, 255, 0)
зеленый газон #7CFC00 RGB(124, 252, 0)
Лайм #00FF00 RGB(0, 255, 0)
бледно-зеленый #98FB98 RGB(152, 251, 152)
светло-зеленый #90EE90 RGB(144, 238, 144)
ВеснаЗеленый #00FF7F RGB(0, 255, 127)
MediumSpringЗеленый #00FA9A RGB(0, 250, 154)
Зеленый лайм #32CD32 RGB(50, 205, 50)
MediumSeaGreen #3CB371 RGB(60, 179, 113)
Морская зелень #2E8B57 RGB(46, 139, 87)
Форест Грин № 228B22 RGB(34, 139, 34)
Зеленый № 008000 RGB(0, 128, 0)
темно-зеленый #006400 RGB(0, 100, 0)
Желто-зеленый #9ACD32 RGB(154, 205, 50)
Оливково-серый #6B8E23 RGB(107, 142, 35)
Олива #808000 RGB(128, 128, 0)
Темно-оливково-зеленый № 556B2F RGB(85, 107, 47)
СреднийАквамарин #66CDAA RGB(102, 205, 170)
темно-зеленый #8FBC8B RGB(143, 188, 139)
светло-зеленый #20B2AA RGB(32, 178, 170)
темно-голубой #008B8B RGB(0, 139, 139)
Бирюзовый #008080 RGB(0, 128, 128)

  ЦВЕТ ИМЯ Шестнадцатеричный RGB
светло-голубой #E0FFFF RGB(224, 255, 255)
Цвет морской волны или голубой #00FFFF RGB(0, 255, 255)
Аквамарин #7FFFD4 RGB(127, 255, 212)
Бледно-бирюзовый #АФЕЕЕЕ RGB(175, 238, 238)
Бирюзовый #40E0D0 RGB(64, 224, 208)
СреднийБирюзовый #48D1CC RGB(72, 209, 204)
Темно-Бирюзовый #00CED1 RGB(0, 206, 209)
КадетСиний #5F9EA0 RGB(95, 158, 160)
Стальной синий № 4682B4 RGB(70, 130, 180)
LightSteelBlue # B0C4DE RGB(176, 196, 222)
ПорошокСиний #B0E0E6 RGB(176, 224, 230)
Голубой #ADD8E6 RGB(173, 216, 230)
Небесно-голубой #87CEEB RGB(135, 206, 235)
Светло-голубой #87CEFA RGB(135, 206, 250)
Глубокий небесно-голубой #00BFFF RGB(0, 191, 255)
ДоджерСиний #1E90FF RGB(30, 144, 255)
Васильковый #6495ED RGB(100, 149, 237)
MediumSlateBlue #7B68EE RGB(123, 104, 238)
Королевский синий № 4169E1 RGB(65, 105, 225)
Синий #0000FF RGB(0, 0, 255)
Средне-синий #0000CD RGB(0, 0, 205)
темно-синий #00008B RGB(0, 0, 139)
Военно-морской флот #000080 RGB(0, 0, 128)
Полночно-синий № 1
RGB(25, 25, 112)

  ЦВЕТ ИМЯ Шестнадцатеричный RGB
Кукурузный шелк #FFF8DC RGB(255, 248, 220)
Бланшированный миндаль #FFEBCD RGB(255, 235, 205)
Бисквит #FFE4C4 RGB(255, 228, 196)
НавахоБелый #FFDEAD RGB(255, 222, 173)
Пшеница #F5DEB3 RGB(245, 222, 179)
БерлиВуд #DEB887 RGB(222, 184, 135)
Тан #D2B48C RGB(210, 180, 140)
Золотарник #DAA520 RGB(218, 165, 32)
ТемныйЗолотарник #B8860B RGB(184, 134, 11)
РозиБраун #BC8F8F RGB(188, 143, 143)
СэндиБраун #F4A460 RGB(244, 164, 96)
Перу #CD853F RGB(205, 133, 63)
Шоколад #D2691E RGB(210, 105, 30)
Сиенна #A0522D RGB(160, 82, 45)
СедлоБраун #8B4513 RGB(139, 69, 19)
Коричневый #A52A2A RGB(165, 42, 42)
Бордовый #800000 RGB(128, 0, 0)

  ЦВЕТ ИМЯ Шестнадцатеричный RGB
Лаванда #E6E6FA RGB(230, 230, 250)
Чертополох #D8BFD8 RGB(216, 191, 216)
Слива #DDA0DD RGB(221, 160, 221)
Фиолетовый #EE82EE RGB(238, 130, 238)
Орхидея #DA70D6 RGB(218, 112, 214)
Фуксия или пурпурный #FF00FF RGB(255, 0, 255)
СредняяОрхидея #BA55D3 RGB(186, 85, 211)
Средний фиолетовый #9370DB RGB(147, 112, 219)
Ребекка Пурпл #663399 RGB(102, 51, 153)
сине-фиолетовый #8A2BE2 RGB(138, 43, 226)
Темно-фиолетовый #9400D3 RGB(148, 0, 211)
ТемнаяОрхидея #9932CC RGB(153, 50, 204)
Темно-пурпурный #8B008B RGB(139, 0, 139)
Фиолетовый #800080 RGB(128, 0, 128)
Индиго № 4B0082 RGB(75, 0, 130)
MediumSlateBlue #7B68EE RGB(123, 104, 238)
сланцево-синий #6A5ACD RGB(106, 90, 205)
темно-синий № 483D8B RGB(72, 61, 139)

  ЦВЕТ ИМЯ Шестнадцатеричный RGB
Белый #FFFFFF RGB(255, 255, 255)
Снег #FFFAFA RGB(255, 250, 250)
Цветочный белый #FFFFAF0 RGB(255, 250, 240)
Слоновая кость #FFFFFF0 RGB(255, 255, 240)
Ханидью #F0FFF0 RGB(240, 255, 240)
Мятный крем #F5FFFA RGB(245, 255, 250)
Лазурь #F0FFFF RGB(240, 255, 255)
AliceBlue #F0F8FF RGB(240, 248, 255)
Призрачный белый #F8F8FF RGB(248, 248, 255)
Белый дым #F5F5F5 RGB(245, 245, 245)
Бежевый #F5F5DC RGB(245, 245, 220)
Морская ракушка #FFF5EE RGB(255, 245, 238)
Олдлейс #FDF5E6 RGB(253, 245, 230)
Античный белый #FAEBD7 RGB(250, 235, 215)
Лен #FAF0E6 RGB(250, 240, 230)
Лавандовый румянец #FFF0F5 RGB(255, 240, 245)
МистиРоуз #FFE4E1 RGB(255, 228, 225)

  ЦВЕТ ИМЯ Шестнадцатеричный RGB
Гейнсборо #DCDCDC RGB(220, 220, 220)
светло-серый #D3D3D3 RGB(211, 211, 211)
Серебро #C0C0C0 RGB(192, 192, 192)
темно-серый #A9A9A9 RGB(169, 169, 169)
серый #808080 RGB(128, 128, 128)
Темно-серый #696969 RGB(105, 105, 105)
светло-серый #778899 RGB(119, 136, 153)
Шиферно-серый № 708090 RGB(112, 128, 144)
Темно-сланцевый серый #2F4F4F RGB(47, 79, 79)
Черный #000000 RGB(0, 0, 0)

Примечание: Цвета Cyan и Aqua взаимозаменяемы.Они представляют один и тот же цвет. То же самое верно для цветов пурпурного и фуксии.


В этом примере используются 3 имени цвета для оформления элемента

.

  • Фон aliceblue для контейнера
  • A голубая окантовка контейнера
  • A средне-синий цвет текста

Div с названиями цветов

  <дел>
   Div с названиями цветов
Попробуйте вживую

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

шестнадцатеричных цветовых кодов
Шестнадцатеричный код: Образец цвета:
#70DB93 .
#5C3317 .
#000000 .
#0000FF .
#9F5F9F .
#B5A642 .
#D9D919 .
#8C7853 .
#A67D3D .
#A62A2A .
#5F9F9F .
#D98719 .
#B87333 .
#42426F .
#00FFFF .
#5C4033 .
#2F4F2F .
#4A766E .
#4F4F2F .
#9932CD .
#871F78 .
#6B238E .
#2F4F4F .
#97694F .
#7093DB .
#855E42 .
#545454 .
#856363 .
#D19275 .
#8E2323 .
#238E23 .
#CD7F32 .
#DBDB70 .
#00FF00 .
#527F76 .
#93DB70 .
#C0C0C0 .
#215E21 .
#4E2F2F .
#9F9F5F .
#C0D9D9 .
#A8A8A8 .
#8F8FBD .
#E9C2A6 .
#32CD32 .
#FF00FF .
#E47833 .
#8E236B .
#32CD99 .
#3232CD .
#6B8E23 .
#EAEAAE .
#9370DB .
#426F42 .
#7F00FF .
#7FFF00 .
#70DBDB .
#DB7093 .
#A68064 .
#2F2F4F .
#23238Е .
#4D4DFF .
#FF6EC7 .
#00009C .
#EBC79E .
#CFB538 .
#FF7F00 .
#FF2400 .
#DB70DB .
#8FBC8F .
#BC8F8F .
#EAADEA .
#D9D9F3 .
#FF0000 .
#5959AB .
#6F4242 .
#8C1717 .
#238E68 .
#6B4226 .
#8E6B23 .
#E6E8FA .
#3299CC .
#007FFF .
#FF1CAE .
#00FF7F .
#236B8E .
#38B0DE .
#DB9370 .
#D8BFD8 .
#ADEAEA .
#CDCDCD .
#4F2F4F .
#CC3299 .
#D8D8BF .
#FFFFFF .
#FFFF00 .
#99CC32 .

Цветовые коды HTML | Учебный курс по программированию в Беркли

Цвет — один из наиболее важных аспектов веб-дизайна, что делает цветовые коды HTML неотъемлемой частью любого проекта разработки. Когда новички впервые изучают HTML самостоятельно или на курсах веб-разработчиков, они часто обнаруживают, что выбор правильных цветов для веб-сайта жизненно важен для того, чтобы сделать его уникальным, удобным для просмотра и привлекательным для глаз. Важно четко понимать, как работают эти коды, поскольку цвета имеют значение в каждом элементе, от меню и фона до текста, изображений, видео, анимации и рекламы.

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

Закладка фундамента

Есть несколько компонентов, которые важно понимать с самого начала:

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

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

Основы цветовых кодов HTML

Выберите определенный цветовой код HTML, поместив символ фунта (#) перед шестью шестнадцатеричными цифрами или числами, в основе которых лежит 16, а не 10.Цветовые коды HTML используют буквы от A до F для представления чисел от 10 до 15. Эти цифры не зависят от регистра, поэтому вы можете вводить их по своему усмотрению.

Для двузначных цветовых кодов HTML значение числа определяется путем умножения первой цифры на 16, а затем добавления второй цифры. Например, для шестнадцатеричного числа 3F вы знаете, что это означает, что значение будет равно 16, умноженному на 3 плюс 15, или 63. Первые две цифры представляют красное значение, вторые две цифры — зеленый, а последние две цифры — синий.Аббревиатура RGB позволяет легко запомнить этот порядок.

Чем меньше значение, тем темнее цвет, поэтому код черного — #000000, а код белого — #FFFFFF. Существует также более короткая версия цветовых кодов HTML, в которой используются три цифры в том же порядке, где каждая цифра дается дважды, чтобы получилась шестизначная версия. Итак, если вы видите цветовой код HTML #46A, вы знаете, что он идентичен #4466AA, и вам не нужно каждый раз вводить его.

Существует также восьмизначная версия цветовых кодов HTML, которая используется для добавления значения прозрачности.Цвета полностью непрозрачны в трех- и шестизначных значениях, в то время как восьмизначные значения добавляют две цифры к концу, чтобы указать прозрачность. Таким образом, 00 представляет собой полностью прозрачный цвет, а FF — полностью непрозрачные цвета. Например, если вы введете #0000FF88, вы увидите полупрозрачный синий цвет.

Вы также можете добавить прозрачность к трехзначным цветовым кодам HTML, используя одну цифру. Четырехзначный цвет #46A8 — это полупрозрачный цвет, аналогичный #4466AA88. Если хотите, используйте функциональную запись для значений цвета, используя десятичные дроби от 0 до 255, указывая цвет как: rgb(250,75,155), например.

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

Свойство color используется только для цвета переднего плана объекта и обычно охватывает области границ, отступы и содержимое. Несколько свойств CSS используются для обозначения цветовых кодов HTML для разных частей веб-страниц; например, border-color обрабатывает цвета границ в таблице. Используйте цветовые коды HTML для указания цвета фона и текста. Например:

Раскрашивание графика с помощью шестнадцатеричных значений и цветовой палитры

В этой статье вы узнаете о цветах в программировании на R.В частности, различные имена цветов, используемые в R, графики с использованием цветовых значений HEX и RGB и встроенные цветовые палитры в R.

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

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


Мы используем следующий вектор temp для создания гистограммы в этом разделе.
  темп <- с(5,7,6,4,8)
гистограмма(temp, main="По умолчанию")
гистограмма(temp, col="coral", main="с окраской")
  

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


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

Программирование

R имеет имена для 657 цветов. Вы можете просмотреть их все с помощью функции colors() или просто просмотреть этот файл R color pdf.

  > цвета()
[1] "белый" "aliceblue" "античный белый"
[4] "античный белый1" "античный белый2" "античный белый3"
[7] "античный белый4" "аквамарин" "аквамарин1"
...
[655] "желтый3" "желтый4" "желто-зеленый"
  

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

Например, col=colors()[655] совпадает с col="yellow3" .


Использование шестнадцатеричных значений в качестве цветов

Вместо имени цвета можно также определить цвет с помощью шестнадцатеричного значения.

Мы определяем цвет как 6-значное шестнадцатеричное число вида #RRGGBB . Где RR для красного цвета, GG для зеленого и BB для синего, а значения варьируются от 00 до FF .

Например, #FF0000 будет красным, а #00FF00 - зеленым, #FFFFFF - белым, а #000000 - черным.

  гистограмма (temp, col="#c00000", main="#c00000")
гистограмма (temp, col="#AA4371", main="#AA4371")
  


Использование значений RGB

Функция rgb() позволяет указать красную, зеленую и синюю компоненты с числом от 0 до 1.

Эта функция возвращает соответствующий шестнадцатеричный код, описанный выше.

  > RGB (0, 1, 0)
[1] "#00FF00"
> RGB(0,3, 0,7, 0,9)
[1] "# 4DB3E6"
  

Мы можем указать в диапазоне от 0 до 255 с дополнительным аргументом max=255 .

  > RGB(55,0,77, макс=255)
[1] "# 37004D"
  


Цветовой цикл в R

Мы можем раскрасить каждую полосу гистограммы другим цветом, предоставив вектор цветов.

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

Мы можем видеть это в следующем примере.

  гистограмма(temp, col=c("#FF0099","#CCFF00","#33FF00",
"#00FF66","#FF9900"), main="С 5 цветами")
гистограмма(temp, col=c("#FF99FF","#0066FF","#00FF4D"), main="С 3 цветами")
  


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

Программирование

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

Это: радуга() , heat.colors() , terrain.colors() , topo.colors() и cm.colors() . Мы передаем количество цветов, которые мы хотим.

  > радуга(5)
[1] "#FF0000FF" "#CCFF00FF" "#00FF66FF" "#0066FFFF" "#CC00FFFF"
  

Обратите внимание, что шестнадцатеричные числа состоят из 8 цифр. Последние две цифры — это уровень прозрачности: FF означает непрозрачность, а 00 — полную прозрачность.

  гистограмма (temp, col=rainbow(5), main="rainbow")
гистограмма (temp, col=heat.colors(5), main="heat.colors")
гистограмма (temp, col=terrain.colors(5), main="terrain.colors")
гистограмма (temp, col=topo.colors(5), main="topo.colors")
  

Для получения дополнительной информации посетите страницу R Color Palettes

Вы можете сами попробовать cm.colors() .

Страница

цветов - Цветовые коды HTML Цветовые палитры отличного веб-сайта

Веб-сайт для цветовых палитр


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

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

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

Ищете отличные сочетания цветов? В нашей цветовой диаграмме представлены цвета плоского дизайна, схема дизайна материалов Google и классическая цветовая палитра для безопасного использования в Интернете, все с шестнадцатеричными цветовыми кодами.

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

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

Учебники по HTML и CSS

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

Ресурсы

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

Крупный план другой цветовой палитры

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

У всех есть любимые цвета, к которым они склонны тяготеть, когда дело касается их работы или чего-то другого.

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

Хороший выбор цвета требует тщательного планирования.

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

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

Почему ваша цветовая схема так важна?

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

В конце концов, вы можете подумать, что на самом деле важно содержание. И это не так.

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

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

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

Как подобрать цветовые сочетания для сайта

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

Как не дизайнер, я часто затрудняюсь подобрать нужные цвета для своих любительских проектов. Создаю ли я простое изображение для поддержки своего контента или более сложные проекты, такие как слайд-колода или инфографика, я часто трачу много времени на поиск идеальной цветовой схемы. Я задаю себе такие вопросы, как: хочу ли я, чтобы мой дизайн был привлекательным? Провокационно и смело? Или умный и элегантный?

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

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

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

СВЯЗАННЫЕ: 50 красивых цветовых комбинаций (и как их применять в ваших проектах)

1 Красочный и сбалансированный

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

2 ярких акцентных цвета

Paypr

3 Натуральный и Земляной

Resn

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

4 Прохладный и свежий

Grosse Lanterne

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

5 Смелый и яркий

W&CO

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

6 киноварь и русская зелень

Stinkdigital

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

7 Стильный и изысканный

Bordel Studio

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

8 фиолетовых оттенков и тонов

ReedBe

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

9 Deep Purple и Blues

Samsy

Эта темная и загадочная цветовая схема с ярким синим акцентом соответствует преобладающей тенденции веб-дизайна: использование темных цветов фона с яркими и смелыми акцентными цветами.

10 Современный и смелый

Bryan James

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

11 Живые и привлекательные

Anton & Irene

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

12 ярких и простых

Bert

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

13 Красный и живой

BrightMedia

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

14 Художественный и креативный

Julie Flogeac

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

15 Элегантный, но доступный

Epic

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

16 Гладкий и футуристический

MediaMonks

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

17 Инновационный и дерзкий

eDesign Interactive

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

18 текстурированных и динамических

HAUS

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

19 Минималистичный, но теплый

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

20 Яркие и четкие

FCINQ

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

21 Чистый и энергичный

Change Digital

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

22 Корпоративный и традиционный

Watson/DG

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

23 Синий и освежающий

Supremo

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

24 Чистый и современный

Umwelt A/S Waaark

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

26 Молодость и веселье

Five Hundred

Эта игривая и красочная гамма сочетает в себе несколько ярких оттенков: ярко-бирюзовый, мандариновый желтый и темно-орхидейный.

27 Великолепный контраст

Immersive Garden

Этот изящный и ультрасовременный участок может похвастаться элегантным и привлекательным сочетанием с эффектным контрастом. Яркий желто-зеленый хорошо сочетается с черным и серым фоном.

28 эффективных акцентных цветов

SMFB

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

29 Современность в полном расцвете

Nurture Digital

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

30 Близко к природе

Born05

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

31 ярко-розовый и пастельный

Stinkdigital

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

32 Уникальная комбинация

AILOVE

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

33 ярких цитрусовых цвета

Superhero Cheesecake

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

34 Яркий синий и оранжевый

Burocratik

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

35 красная роза и черника

Google Brand Studio

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

36 Смелый и уникальный

Детали

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

37 Веселый и энергичный

Cher Ami

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

38 Снежный, но теплый

Leavingstone

Это зимнее красно-синее сочетание вызывает одновременно прохладу и теплоту, напоминая образы, связанные с зимними праздниками.

39 Богатый и красочный

Elespacio

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

40 Современный и минималистский

SFCD

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

41 Отважный и бесстрашный

Great Works Copenhagen

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

42 цвета плоского дизайна

Resn

Даже если вы не знакомы с термином «плоский дизайн», вы, вероятно, встречали его раньше: веб-сайты без теней, без градиентов, без скосов; Короче говоря, никаких трехмерных элементов.

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

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

43 Эклектичный и спокойный

Играть

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

44 Классный и традиционный

details.ch

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

45 ярких акцентных цветов

stinkdigital

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

46 Корпоративный и серьезный

EPIC

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

47 Гламурный и модный

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

48 Привлекательный и стильный

FUTURAMO

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

49 Громко и прямо в лицо

Panic

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

50 Живой, но успокаивающий

madeo

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

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

Родственные

цветов фона в электронной почте HTML> Лакмус

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

Одной из самых неприятных проблем может быть цвет фона в электронной почте. В Интернете как свойство background-color CSS , так и сокращенное свойство background практически неуязвимы.Многие дизайнеры электронной почты используют тот же подход к цвету фона в электронной почте, что часто приводит к катастрофическим результатам.

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

Обычно цвета фона применяются к нескольким общим элементам HTML: body , table , td , div и a . В зависимости от вашего опыта и стиля кодирования вы можете использовать один из шести различных способов применения цветов фона к элементам электронной почты:

.
  • Использование атрибута HTML bgcolor с 3-значным шестнадцатеричным кодом цвета
  • Использование атрибута HTML bgcolor с 6-значным шестнадцатеричным кодом цвета
  • Использование атрибута HTML bgcolor со значением цвета RGB
  • Использование свойства CSS background-color с 3-значным шестнадцатеричным кодом цвета
  • Использование свойства CSS background-color с 6-значным шестнадцатеричным кодом цвета
  • Использование свойства CSS background-color со значением цвета RGB

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

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

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

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

Значения RGB не намного лучше, в результате чего получилось несколько прекрасных оттенков зеленого (несмотря на указание значений для белого и серого):

В некоторых случаях значения RGB, используемые с атрибутом HTML bgcolor, вообще не отображались. Естественно, поскольку значения RGB работают не очень хорошо, их еще более полезный родственный RGBA имеет еще меньшую поддержку в дизайне электронной почты.

Оказывается, самый надежный способ кодирования фоновых цветов — это использование атрибута HTML bgcolor с 6-значным шестнадцатеричным кодом на таблице и td level:

  <граница таблицы=”0? отступ = «0? ячейки = «0? ширина = «600? bgcolor="#ffffff">


  

Конечно, здесь задействованы десятки факторов. В зависимости от конкретной разбивки почтовых клиентов, которые использует ваша аудитория, CSS background-color с 6-значным HEX-кодом также очень надежен.Атрибут HTML bgcolor просто имеет наилучшую поддержку по всем направлениям.

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

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

Ваш адрес email не будет опубликован.