Разное

Цвета веб – Таблица «безопасных» цветов

12.12.2018

Содержание

Безопасные веб цвета » Инструменты вебмастера

Когда было время 256-цветных мониторов применялась «безопасная палитра», конечно она применяется и сейчас. У безопасной палитры всего три главных цвета для смешивания — R G B и соответствуют значениям: 00, 33, 66, 99, CC, FF.
Вообще, цветовая палитра 6x6x6 является приоритетной при выборе цвета для фона или цвета шрифта.
Вашему вниманию представляется палитра «безопасных веб цветов», которые одинаково хорошо будут отображаться во всех браузерах и во всех оперативных системах.
Имя цвета для HTML Код для HTML R G B

Красные

IndianRed CD 5C 5C 205 92 92
LightCoral F0 80 80 240 128 128
Salmon FA 80 72 250 128 114
DarkSalmon E9 96 7A 233 150 122
LightSalmon FF A0 7A 255 160 122
Crimson DC 14 3C 220 20 60
Red
FF 00 00
255 0 0
FireBrick B2 22 22 178 34 34
DarkRed 8B 00 00 139 0 0

Розовые

Pink FF C0 CB 255 192 203
LightPink FF B6 C1 255 182 193
HotPink FF 69 B4 255 105 180
DeepPink FF 14 93 255 20 147
MediumVioletRed C7 15 85 199 21 133
PaleVioletRed DB 70 93 219 112 147

Оранжевые

LightSalmon FF A0 7A 255 160 122
Coral FF 7F 50 255 127 80
Tomato FF 63 47
255 99 71
OrangeRed FF 45 00 255 69 0
DarkOrange FF 8C 00 255 140 0
Orange FF A5 00 255 165 0

Жёлтые

Gold FF D7 00 255 215 0
Yellow FF FF 00 255 255 0
LightYellow FF FF E0 255 255 224
LemonChiffon FF FA CD 255 250 205
LightGoldenrodYellow FA FA D2 250 250 210
PapayaWhip FF EF D5 255 239 213
Moccasin FF E4 B5 255 228 181
PeachPuff FF DA B9 255 218 185
PaleGoldenrod EE E8 AA 238 232 170
Khaki F0 E6 8C 240 230 140
DarkKhaki BD B7 6B 189 183 107

Фиолетовые

Lavender E6 E6 FA 230 230 250
Thistle D8 BF D8 216 191 216
Plum DD A0 DD 221 160 221
Violet EE 82 EE 238 130 238
Orchid DA 70 D6 218 112 214
Fuchsia FF 00 FF 255 0 255
Magenta FF 00 FF 255 0 255
MediumOrchid BA 55 D3 186 85 211
MediumPurple 93 70 DB 147 112 219
BlueViolet 8A 2B E2 138 43 226
DarkViolet 94 00 D3 148 0 211
DarkOrchid 99 32 CC 153 50 204
DarkMagenta 8B 00 8B 139 0 139
Purple 80 00 80 128 0 128
Indigo 4B 00 82 75 0 130
SlateBlue 6A 5A CD 106 90 205
DarkSlateBlue 48 3D 8B 72 61 139

Зелёные

GreenYellow AD FF 2F 173 255 47
Chartreuse 7F FF 00 127 255 0
LawnGreen 7C FC 00 124 252 0
Lime 00 FF 00 0 255 0
LimeGreen 32 CD 32 50 205 50
PaleGreen 98 FB 98 152 251 152
LightGreen 90 EE 90 144 238 144
MediumSpringGreen 00 FA 9A 0 250 154
SpringGreen 00 FF 7F 0 255 127
MediumSeaGreen 3C B3 71 60 179 113
SeaGreen 2E 8B 57 46 139 87
ForestGreen 22 8B 22 34 139 34
Green 00 80 00 0 128 0
DarkGreen 00 64 00 0 100 0
YellowGreen 9A CD 32 154 205 50
OliveDrab 6B 8E 23 107 142 35
Olive 80 80 00 128 128 0
DarkOliveGreen 55 6B 2F 85 107 47
MediumAquamarine 66 CD AA 102 205 170
DarkSeaGreen 8F BC 8F 143 188 143
LightSeaGreen 20 B2 AA 32 178 170
DarkCyan 00 8B 8B 0 139 139
Teal 00 80 80 0 128 128

Синие

Aqua 00 FF FF 0 255 255
Cyan 00 FF FF 0 255 255
LightCyan E0 FF FF 224 255 255
PaleTurquoise AF EE EE 175 238 238
Aquamarine 7F FF D4 127 255 212
Turquoise 40 E0 D0 64 224 208
MediumTurquoise 48 D1 CC 72 209 204
DarkTurquoise 00 CE D1 0 206 209
CadetBlue 5F 9E A0 95 158 160
SteelBlue 46 82 B4 70 130 180
LightSteelBlue B0 C4 DE 176 196 222
PowderBlue B0 E0 E6 176 224 230
LightBlue AD D8 E6 173 216 230
SkyBlue 87 CE EB 135 206 235
LightSkyBlue 87 CE FA 135 206 250
DeepSkyBlue 00 BF FF 0 191 255
DodgerBlue 1E 90 FF 30 144 255
CornflowerBlue 64 95 ED 100 149 237
MediumSlateBlue 7B 68 EE 123 104 238
RoyalBlue 41 69 E1 65 105 225
Blue 00 00 FF 0 0 255
MediumBlue 00 00 CD 0 0 205
DarkBlue 00 00 8B 0 0 139
Navy 00 00 80 0 0 128
MidnightBlue 19 19 70 25 25 112

Коричневые

Cornsilk FF F8 DC 255 248 220
BlanchedAlmond FF EB CD 255 235 205
Bisque FF E4 C4 255 228 196
NavajoWhite FF DE AD 255 222 173
Wheat F5 DE B3 245 222 179
BurlyWood DE B8 87 222 184 135
Tan D2 B4 8C 210 180 140
RosyBrown BC 8F 8F 188 143 143
SandyBrown F4 A4 60 244 164 96
Goldenrod DA A5 20 218 165 32
DarkGoldenrod B8 86 0B 184 134 11
Peru CD 85 3F 205 133 63
Chocolate D2 69 1E 210 105 30
SaddleBrown 8B 45 13 139 69 19
Sienna A0 52 2D 160 82 45
Brown A5 2A 2A 165 42 42
Maroon 80 00 00 128 0 0

Белые

White FF FF FF 255 255 255
Snow FF FA FA 255 250 250
Honeydew F0 FF F0 240 255 240
MintCream F5 FF FA 245 255 250
Azure F0 FF FF 240 255 255
AliceBlue F0 F8 FF 240 248 255
GhostWhite F8 F8 FF 248 248 255
WhiteSmoke F5 F5 F5 245 245 245
Seashell FF F5 EE 255 245 238
Beige F5 F5 DC 245 245 220
OldLace FD F5 E6 253 245 230
FloralWhite FF FA F0 255 250 240
Ivory FF FF F0 255 255 240
AntiqueWhite FA EB D7 250 235 215
Linen FA F0 E6 250 240 230
LavenderBlush FF F0 F5 255 240 245
MistyRose FF E4 E1 255 228 225

Серые

Gainsboro DC DC DC 220 220 220
LightGrey D3 D3 D3 211 211 211
Silver C0 C0 C0 192 192 192
DarkGray A9 A9 A9
169 169 169
Gray 80 80 80 128 128 128
DimGray 69 69 69 105 105 105
LightSlateGray 77 88 99 119 136 153
SlateGray 70 80 90 112 128 144
DarkSlateGray 2F 4F 4F 47 79 79
Black 00 00 00 0 0 0

filyanin.ru

Практика И Теория Выбора Цвета В Веб-Дизайне / WAYUP

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

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

Теория цвета в несколько абзацев

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

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

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

В интернете, наоборот, используется RGB (красный, зеленый, синий) и его шестнадцатеричные значения.

RGB (59, 89, 145) или #3b599b – синий Facebook

RGB (0, 0, 0) или #000000 – черный

Каждые два символа в 16-тиречном коде обозначают основной цвет: красный – 3b, зеленый – 59, синий – 9b.

Холод-тепло

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

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

Температура

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

Оттенки и тени

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

Например, возьмем основной цвет #8dbdd8 (светло-голубой). Ниже на изображения представлена монохромная палитра, в которой два оттенка справа и слева представляют собой результат добавления разного количества черного и белого.

Насыщенность, тон, свет

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

Цветовой тон определяет отличие от основного цвета радуги (их семь). То есть, например, «зеленовато-голубой». Ни тот, ни этот, но как раз тон.

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

Цветовые схемы

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

Проектирование макета цветов

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

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

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

Когда помощь необходима

Если же у вас возникли затруднения проектирования еще на нулевой стадии, то идеи цветовых решений всегда можно найти в интернете. Просто посетите сайт с цветовыми палитрами и настройте его под себя, а затем соберите нужные цвета и работайте с ними в Photoshop. Например, изучайте webdesign-inspiration или awwwards, сортируйте по цветам и находите вдохновение.

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

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

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

Это одно из немногих мобильных приложений, позволяющее поработать с палитрами цветов на смартфоне или планшете. Но существует и версия для браузера РС. Особенность проекта – работа с цветом в 3D. Нам предлагают конус цветов. Каждая точка для смешивания оттенка придвигается в пределах только своего треугольника, а сам конус можно поворачивать как удобно.

Кроме того существуют и наборы готовых палитр, для Рождества, монохромные, современные, цитрусовые и прочие.

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

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

Цветовые профили

Но между тем, подбор палитры это еще полбеды. Наиболее актуальная тема в веб-дизайне –  выбор цветовых профилей. Мы немного касались этой темы ранее (ссылка в начале материала), но вот, что хотим отметить сейчас. Каждый монитор может быть откалиброван под определенный цветовой профиль. Делается это, например, в Windows 10 -> Панель управления -> Управление цветом. Соответственно, определенные цвета могут передаваться по-разному на разных мониторах.

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

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

Цвета Material UI

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

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

Если вы решаетесь работать только с набором цветов от Google, то рекомендуем протестировать оба инструмента, чтобы увидеть, как и чем они могут дополнить друг друга. Затем дополнительно можно воспользоваться ресурсом 0to255, чтобы подобрать цвета в по яркости и насыщенности.

Заключение

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

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

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

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

wayup.in

Палитра веб цветов | Web Color

Цвет   Код цвета RGB
White   #FFFFFF 255 255 255
Snow   #FFFAFA 255 250 250
Whitesmoke   #F5F5F5 245 245 245
Ghostwhite   #F8F8FF 248 248 255
Floralwhite   #FFFAF0 255 250 240
Oldlace   #FDF5E6 253 245 230
Seashell   #FFE5EE 255 229 238
Mistyrose   #FFE4E1 255 228 225
Lavenderblush   #FFF0F5 255 240 245
Linen   #FAF0F6 250 240 246
Lavender   #E6E6FA 230 230 250
Aliceblue   #F0F8FF 240 248 255
Mintcream   #F5FFFA 245 255 250
Lightcyan   #E0FFFF 224 255 255
Azure   #F0FFFF 240 255 255
Honeydew   #F0FFF0 240 255 240
Ivory   #FFFFF0 255 255 240
Beige   #F5F5DC 245 245 220
Cornsilk   #FFF8DC 255 248 220
Antiquewhite   #FAEBD7 250 235 215
Papayawhip   #FFEED5 255 239 213
Blanchedalmond   #FFEBCD 255 235 205
Bisque   #FFE4C4 255 228 196
Peachpuff   #FFDAB9 255 218 185
Moccasin   #FFE4B5 225 228 181
Navajowhite   #FFDEAD 255 222 173
Wheat   #F5DEB3 245 222 179
Tan   #D2B48C 210 180 140
Lightyellow   #FFFFE0 255 255 224
Lightgoldenrodyellow   #FAFAD2 250 250 210
Lemonchiffon   #FFFACD 255 250 205
Yellow   #FFFF00 255 255 0
Gold   #FFD700 255 215 0
Goldenrod   #DAA520 218 165 32
Darkgoldenrod   #B8860B 184 134 11
Sandybrown   #F4A460 244 164 96
Orange   #FFA500 255 165 0
Darkorange   #FF8C00 255 140 0
Orangered   #FF4500 255 69 0
Tomato   #FF6347 255 99 71
Coral   #FF7F50 255 127 80
Lightsalmon   #FFA07A 255 160 122
Salmon   #FA8072 250 128 114
Darksalmon   #E9967A 233 150 122
Chocolate   #D2691E 210 105 30
Peru   #CD853F 205 133 63
Sienna   #A0522D 160 82 45
Brown   #A52A2A 165 42 42
Maroon   #800000 128 0 0
Darkred   #8B0000 139 0 0
Firebrick   #B22222 178 34 34
Indianred   #CD5C5C 205 92 92
Lightcoral   #F08080 240 128 128
Burlywood   #DE8887 222 136 135
Crimson   #DC143C 220 20 60
Red   #FF0000 255 0 0
Pink   #FFC0CB 255 192 203
Lightpink   #FFB6C1 255 182 193
Hotpink   #FF69B4 255 105 180
Deeppink   #FF1493 255 20147 79
Palevioletred   #DB7093 219 112 147
Rosybrown   #BC8F8F 188 143 143
Thistle   #D8BFD8 216 191 216
Plum   #DDA0DD 221 160 221
Violet   #EE82EE 238 130 238
Fuchsia   #FF00FF 255 0 255
Mediumvioletred   #C71585 199 21 133
Orchid   #DA70D6 218 112 214
Mediumorchid   #BA55D3 186 85 211
Darkorchid   #9932CC 153 50 204
Darkviolet   #9400D3 148 0 211
Darkmagenta   #8B008B 139 0 139
Purple   #800080 128 00 128
Indigo   #4B0082 75 0 130
Blueviolet   #8A2BE2 138 43 226
Slateblue   #6A5ACD 106 90 205
Mediumpurple   #9370DB 147 112 219
Mediumslateblue   #7B68EE 123 104 238
Cornflowerblue   #6495ED 100 149 237
Royalblue   #4169E1 65 105 225
Darkslateblue   #483D8B 72 61 139
Midnightblue   #191970 25 25 112
Navy   #000080 0 0 128
Darkblue   #00008B 0 0 139
Mediumblue   #0000CD 0 0 205
Blue   #0000FF 0 0 255
Dodgerblue   #1E90FF 30 144 255
Deepskyblue   #00BFFF 0 191 255
Lightskyblue   #87CEFA 135 206 250
Skyblue   #87CEEB 135 206 235
Steelblue   #4682B4 70 130 180
Lightsteelblue   #B0C4DE 176 196 222
Lightblue   #ADD8E6 173 216 230
Powderblue   #B0E0E6 176 224 230
Paleturquoise   #AFEEEE 175 238 238
Darkturquoise   #00CED1 0 206 209
Mediumturquoise   #48D1CC 72 209 204
Turquoise   #40E0D0 64 224 208
Aqua   #00FFFF 0 255 255
Aquamarine   #7FFFD4 127 255 212
Mediumaquamarine   #66CDAA 102 205 170
Palegreen   #98FB98 152 251 152
Lightgreen   #90EE90 144 238 144
Greenyellow   #ADFF2F 173 255 47
Mediumspringgreen   #00FA9A 0 250 154
Springgreen   #00FF7F 0 255 127
Lime   #00FF00 0 255 0
Limegreen   #32CD32 50 205 50
Mediumseagreen   #3CB371 60 179 113
Yellowgreen   #9ACD32 154 205 50
Darkseagreen   #8FBC8F 143 188 143
Lightseagreen   #20B2AA 32 178 170
Cadetblue   #5F9EA0 95 158 160
Darkcyan   #008B8B 0 139 139
Teal   #008080 0 128 128
Darkslategray   #2F4F4F 47 79 79
Palegoldenrod   #EEE8AA 238 232 170
Khaki   #F0E68C 240 230 140
Darkkhaki   #BDB76D 189 183 109
Olive   #808000 128 128 0
Darkolivegreen   #556B2F 85 107 47
Olivedrab   #6B8E233 107 142 35
Forestgreen   #228B22 34 139 34
Green   #008000 0 128 0
Darkgreen   #006400 0 100 0
Gainsboro   #DCDCDC 220 220 220
Lightslategray   #778899 119 136 153
Slategray   #708090 112 128 144
Seagreen   #2E2B57 43 46 87
Silver   #C0C0C0 192 192 192
Darkgray   #A9A9A9 169 169 169
Gray   #808080 128 128 128
Dimgray   #696969 105 105 105
Black   #000000 0 0 0
snow1   #fffafa 255 250 250
snow2   #eee9e9 238 233 233
snow3   #cdc9c9 205 201 201
snow4   #8b8989 139 137 137
seashell1   #fff5ee 255 245 238
seashell2   #eee5de 238 229 222
seashell3   #cdc5bf 205 197 191
seashell4   #8b8682 139 134 130
AntiqueWhite1   #ffefdb 255 239 219
AntiqueWhite2   #eedfcc 238 223 204
AntiqueWhite3   #cdc0b0 205 192 176
AntiqueWhite4   #8b8378 139 131 120
bisque1   #ffe4c4 255 228 196
bisque2   #eed5b7 238 213 183
bisque3   #cdb79e 205 183 158
bisque4   #8b7d6b 139 125 107
PeachPuff1   #ffdab9 255 218 185
PeachPuff2   #eecbad 238 203 173
PeachPuff3   #cdaf95 205 175 149
PeachPuff4   #8b7765 139 119 101
NavajoWhite1   #ffdead 255 222 173
NavajoWhite2   #eecfa0 238 207 161
NavajoWhite3   #cdb38b 205 179 139
NavajoWhite4   #8b795e 139 121 94
LemonChiffon1   #fffacd 255 250 205
LemonChiffon2   #eee9bf 238 233 191
LemonChiffon3   #cdc9a5 205 201 165
LemonChiffon4   #8b8970 139 137 112
cornsilk1   #fff8dc 255 248 220
cornsilk2   #eee8cd 238 232 205
cornsilk3   #cdc8b1 205 200 177
cornsilk4   #8b8878 139 136 120
ivory1   #fffff0 255 255 240
ivory2   #eeeee0 238 238 224
ivory3   #cdcdc1 205 205 193
ivory4   #8b8b83 139 139 131
honeydew1   #f0fff0 240 255 240
honeydew2   #e0eee0 224 238 224
honeydew3   #c1cdc1 193 205 193
honeydew4   #838b83 131 139 131
LavenderBlush2   #fff0f5 255 240 245
LavenderBlush3   #eee0e5 238 224 229
LavenderBlush4   #cdc1c5 205 193 197
LavenderBlush5   #8b8386 139 131 134
MistyRose1   #ffe4e1 255 228 225
MistyRose2   #eed5d2 238 213 210
MistyRose3   #cdb7b5 205 183 181
MistyRose4   #8b7d7b 139 125 123
azure1   #f0ffff 240 255 255
azure2   #e0eeee 224 238 238
azure3   #c1cdcd 193 205 205
azure4   #838b8b 131 139 139
SlateBlue1   #836fff 131 111 255
SlateBlue2   #7a67ee 122 103 238
SlateBlue3   #6959cd 105 89 205
SlateBlue4   #473c8b 71 60 139
RoyalBlue1   #4876ff 72 118 255
RoyalBlue2   #436eee 67 110 238
RoyalBlue3   #3a5fcd 58 95 205
RoyalBlue4   #27408b 39 64 139
blue1   #0000ff 0 0 255
blue2   #0000ee 0 0 238
blue3   #0000cd 0 0 205
blue4   #00008b 0 0 139
DodgerBlue1   #1e90ff 30 144 255
DodgerBlue2   #1c86ee 28 134 238
DodgerBlue3   #1874cd 24 116 205
DodgerBlue4   #104e8b 16 78 139
SteelBlue1   #63b8ff 99 184 255
SteelBlue2   #5cacee 92 172 238
SteelBlue3   #4f94cd 79 148 205
SteelBlue4   #36648b 54 100 139
DeepSkyBlue1   #00bfff 0 191 255
DeepSkyBlue2   #00b2ee 0 178 238
DeepSkyBlue3   #009acd 0 154 205
DeepSkyBlue4   #00688b 0 104 139
SkyBlue1   #87ceff 135 206 255
SkyBlue2   #7ec0ee 126 192 238
SkyBlue3   #6ca6cd 108 166 205
SkyBlue4   #4a708b 74 112 139
LightSkyBlue1   #b0e2ff 176 226 255
LightSkyBlue2   #a4d3ee 164 211 238
LightSkyBlue3   #8db6cd 141 182 205
LightSkyBlue4   #607b8b 96 123 139
SlateGray1   #c6e2ff 198 226 255
SlateGray2   #b9d3ee 185 211 238
SlateGray3   #9fb6cd 159 182 205
SlateGray4   #6c7b8b 108 123 139
LightSteelBlue1   #cae1ff 202 225 255
LightSteelBlue2   #bcd2ee 188 210 238
LightSteelBlue3   #a2b5cd 162 181 205
LightSteelBlue4   #6e7b8b 110 123 139
LightBlue1   #bfefff 191 239 255
LightBlue2   #b2dfee 178 223 238
LightBlue3   #9ac0cd 154 192 205
LightBlue4   #68838b 104 131 139
LightCyan1   #e0ffff 224 255 255
LightCyan2   #d1eeee 209 238 238
LightCyan3   #b4cdcd 180 205 205
LightCyan4   #7a8b8b 122 139 139
PaleTurquoise1   #bbffff 187 255 255
PaleTurquoise2   #aeeeee 174 238 238
PaleTurquoise3   #96cdcd 150 205 205
PaleTurquoise4   #668b8b 102 139 139
CadetBlue1   #98f5ff 152 245 255
CadetBlue2   #8ee5ee 142 229 238
CadetBlue3   #7ac5cd 122 197 205
CadetBlue4   #53868b 83 134 139
turquoise1   #00f5ff 0 245 255
turquoise2   #00e5ee 0 229 238
turquoise3   #00c5cd 0 197 205
turquoise4   #00868b 0 134 139
cyan1   #00ffff 0 255 255
cyan2   #00eeee 0 238 238
cyan3   #00cdcd 0 205 205
cyan4   #008b8b 0 139 139
DarkSlateGray1   #97ffff 151 255 255
DarkSlateGray2   #8deeee 141 238 238
DarkSlateGray3   #79cdcd 121 205 205
DarkSlateGray4   #528b8b 82 139 139
aquamarine1   #7fffd4 127 255 212
aquamarine2   #76eec6 118 238 198
aquamarine3   #66cdaa 102 205 170
aquamarine4   #458b74 69 139 116
DarkSeaGreen1   #c1ffc1 193 255 193
DarkSeaGreen2   #b4eeb4 180 238 180
DarkSeaGreen3   #9bcd9b 155 205 155
DarkSeaGreen4   #698b69 105 139 105
SeaGreen1   #54ff9f 84 255 159
SeaGreen2   #4eee94 78 238 148
SeaGreen3   #43cd80 67 205 128
SeaGreen4   #2e8b57 46 139 87
PaleGreen1   #9aff9a 154 255 154
PaleGreen2   #90ee90 144 238 144
PaleGreen3   #7ccd7c 124 205 124
PaleGreen4   #548b54 84 139 84
SpringGreen1   #00ff7f 0 255 127
SpringGreen2   #00ee76 0 238 118
SpringGreen3   #00cd66 0 205 102
SpringGreen4   #008b45 0 139 69
green1   #00ff00 0 255 0
green2   #00ee00 0 238 0
green3   #00cd00 0 205 0
green4   #008b00 0 139 0
chartreuse1   #7fff00 127 255 0
chartreuse2   #76ee00 118 238 0
chartreuse3   #66cd00 102 205 0
chartreuse4   #458b00 69 139 0
OliveDrab1   #c0ff3e 192 255 62
OliveDrab2   #b3ee3a 179 238 58
OliveDrab3   #9acd32 154 205 50
OliveDrab4   #698b22 105 139 34
DarkOliveGreen1   #caff70 202 255 112
DarkOliveGreen2   #bcee68 188 238 104
DarkOliveGreen3   #a2cd5a 162 205 90
DarkOliveGreen4   #6e8b3d 110 139 61
khaki1   #fff68f 255 246 143
khaki2   #eee685 238 230 133
khaki3   #cdc673 205 198 115
khaki4   #8b864e 139 134 78
LightGoldenrod1   #ffec8b 255 236 139
LightGoldenrod2   #eedc82 238 220 130
LightGoldenrod3   #cdbe70 205 190 112
LightGoldenrod4   #8b814c 139 129 76
LightYellow1   #ffffe0 255 255 224
LightYellow2   #eeeed1 238 238 209
LightYellow3   #cdcdb4 205 205 180
LightYellow4   #8b8b7a 139 139 122
yellow1   #ffff00 255 255 0
yellow2   #eeee00 238 238 0
yellow3   #cdcd00 205 205 0
yellow4   #8b8b00 139 139 0
gold1   #ffd700 255 215 0
gold2   #eec900 238 201 0
gold3   #cdad00 205 173 0
gold4   #8b7500 139 117 0
goldenrod1   #ffc125 255 193 37
goldenrod2   #eeb422 238 180 34
goldenrod3   #cd9b1d 205 155 29
goldenrod4   #8b6914 139 105 20
DarkGoldenrod1   #ffb90f 255 185 15
DarkGoldenrod2   #eead0e 238 173 14
DarkGoldenrod3   #cd950c 205 149 12
DarkGoldenrod4   #8b6508 139 101 8
RosyBrown1   #ffc1c1 255 193 193
RosyBrown2   #eeb4b4 238 180 180
RosyBrown3   #cd9b9b 205 155 155
RosyBrown4   #8b6969 139 105 105
IndianRed1   #ff6a6a 255 106 106
IndianRed2   #ee6363 238 99 99
IndianRed3   #cd5555 205 85 85
IndianRed4   #8b3a3a 139 58 58
sienna1   #ff8247 255 130 71
sienna2   #ee7942 238 121 66
sienna3   #cd6839 205 104 57
sienna4   #8b4726 139 71 38
burlywood1   #ffd39b 255 211 155
burlywood2   #eec591 238 197 145
burlywood3   #cdaa7d 205 170 125
burlywood4   #8b7355 139 115 85
wheat1   #ffe7ba 255 231 186
wheat2   #eed8ae 238 216 174
wheat3   #cdba96 205 186 150
wheat4   #8b7e66 139 126 102
tan1   #ffa54f 255 165 79
tan2   #ee9a49 238 154 73
tan3   #cd853f 205 133 63
tan4   #8b5a2b 139 90 43
chocolate1   #ff7f24 255 127 36
chocolate2   #ee7621 238 118 33
chocolate3   #cd661d 205 102 29
chocolate4   #8b4513 139 69 19
firebrick1   #ff3030 255 48 48
firebrick2   #ee2c2c 238 44 44
firebrick3   #cd2626 205 38 38
firebrick4   #8b1a1a 139 26 26
brown1   #ff4040 255 64 64
brown2   #ee3b3b 238 59 59
brown3   #cd3333 205 51 51
brown4   #8b2323 139 35 35
salmon1   #ff8c69 255 140 105
salmon2   #ee8262 238 130 98
salmon3   #cd7054 205 112 84
salmon4   #8b4c39 139 76 57
LightSalmon1   #ffa07a 255 160 12
LightSalmon2   #ee9572 238 149 114
LightSalmon3   #cd8162 205 129 98
LightSalmon4   #8b5742 139 87 66
orange1   #ffa500 255 165 0
orange2   #ee9a00 238 154 0
orange3   #cd8500 205 133 0
orange4   #8b5a00 139 90 0
DarkOrange1   #ff7f00 255 127 0
DarkOrange2   #ee7600 238 118 0
DarkOrange3   #cd6600 205 102 0
DarkOrange4   #8b4500 139 69 0
coral1   #ff7256 255 114 86
coral2   #ee6a50 238 106 80
coral3   #cd5b45 205 91 69
coral4   #8b3e2f 139 62 47
tomato1   #ff6347 255 99 71
tomato2   #ee5c42 238 92 66
tomato3   #cd4f39 205 79 57
tomato4   #8b3626 139 54 38
OrangeRed1   #ff4500 255 69 0
OrangeRed2   #ee4000 238 64 0
OrangeRed3   #cd3700 205 55 0
OrangeRed4   #8b2500 139 37 0
red1   #ff0000 255 0 0
red2   #ee0000 238 0 0
red3   #cd0000 205 0 0
red4   #8b0000 139 0 0
DeepPink1   #ff1493 255 20 147
DeepPink2   #ee1289 238 18 137
DeepPink3   #cd1076 205 16 118
DeepPink4   #8b0a50 139 10 80
HotPink1   #ff6eb4 255 110 180
HotPink2   #ee6aa7 238 106 167
HotPink3   #cd6090 205 96 144
HotPink4   #8b3a62 139 58 98
pink1   #ffb5c5 255 181 197
pink2   #eea9b8 238 169 184
pink3   #cd919e 205 145 158
pink4   #8b636c 139 99 108
LightPink1   #ffaeb9 255 174 185
LightPink2   #eea2ad 238 162 173
LightPink3   #cd8c95 205 140 149
LightPink4   #8b5f65 139 95 101
PaleVioletRed1   #ff82ab 255 130 171
PaleVioletRed2   #ee799f 238 121 159
PaleVioletRed3   #cd6889 205 104 137
PaleVioletRed4   #8b475d 139 71 93
maroon1   #ff34b3 255 52 179
maroon2   #ee30a7 238 48 167
maroon3   #cd2990 205 41 144
maroon4   #8b1c62 139 28 98
VioletRed1   #ff3e96 255 62 150
VioletRed2   #ee3a8c 238 58 140
VioletRed3   #cd3278 205 50 120
VioletRed4   #8b2252 139 34 82
magenta1   #ff00ff 255 0 255
magenta2   #ee00ee 238 0 238
magenta3   #cd00cd 205 0 205
magenta4   #8b008b 139 0 139
orchid1   #ff83fa 255 131 250
orchid2   #ee7ae9 238 122 233
orchid3   #cd69c9 205 105 201
orchid4   #8b4789 139 71 137
plum1   #ffbbff 255 187 255
plum2   #eeaeee 238 174 238
plum3   #cd96cd 205 150 205
plum4   #8b668b 139 102 139
MediumOrchid1   #e066ff 224 102 255
MediumOrchid2   #d15fee 209 95 238
MediumOrchid3   #b452cd 180 82 205
MediumOrchid4   #7a378b 122 55 139
DarkOrchid1   #bf3eff 191 62 255
DarkOrchid2   #b23aee 178 58 238
DarkOrchid3   #9a32cd 154 50 205
DarkOrchid4   #68228b 104 34 139
purple1   #9b30ff 155 48 255
purple2   #912cee 145 44 238
purple3   #7d26cd 125 38 205
purple4   #551a8b 85 26 139
MediumPurple1   #ab82ff 171 130 255
MediumPurple2   #9f79ee 159 121 238
MediumPurple3   #8968cd 137 104 205
MediumPurple4   #5d478b 93 71 139
thistle1   #ffe1ff 255 225 255
thistle2   #eed2ee 238 210 238
thistle3   #cdb5cd 205 181 205
thistle4   #8b7b8b 139 123 139

Вернуться на главную страницу

e-1c.ru

Цвета веб — это… Что такое Цвета веб?

  • Цвета Веб — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… …   Википедия

  • Веб-приложение — Веб приложение  клиент серверное приложение, в котором клиентом выступает браузер, а сервером  веб сервер. Логика веб приложения распределена между сервером и клиентом, хранение данных осуществляется, преимущественно, на сервере, обмен… …   Википедия

  • Веб-интерфейс — это совокупность средств, при помощи которых пользователь взаимодействует с веб сайтом или веб приложением через браузер. Веб интерфейсы получили широкое распространение в связи с ростом популярности всемирной паутины[1] и соответственно… …   Википедия

  • Веб-цвета — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… …   Википедия

  • Цвета в веб — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… …   Википедия

  • Цвета в Веб — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… …   Википедия

  • Веб-редактор — XHTML Каскадные таблицы стилей (CSS) Кодировки символов Сравнение движков отображения Семейство шрифтов Редактор HTML Элементы HTML Мнемоники в HTML Скрипты в HTML Юникод и HTML Цвета в Web (Web colors) WWW Консорциум (W3C) Редактор HTML или HTML …   Википедия

  • Традиционные японские цвета —  это набор цветов, которые издревле использовались при производстве одежды и в других ремёслах, а также описаны в литературе. Содержание 1 История 2 Цвета 2.1 Красно фиолетовые …   Википедия

  • Оттенки цвета маджента — Маджента (Magenta) (#FF00FF) Основная статья: Маджента Эта статья описывает важные оттенки и тона цвета маджента (Magenta). Ниже приведены только некоторые цвета из группы имён цвета маджента . Содержание …   Википедия

  • Всемирный веб-консорциум — XHTML Каскадные таблицы стилей (CSS) Кодировки символов Сравнение движков отображения Семейство шрифтов Редактор HTML Элементы HTML Мнемоники в HTML Скрипты в HTML Юникод и HTML Цвета в Web (Web colors) WWW Консорциум (W3C) Консорциум Всемирной… …   Википедия

  • dic.academic.ru

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

    Палитра веб цветов
    Цвет   Код цвета RGB
    White   #FFFFFF 255 255 255
    Snow   #FFFAFA 255 250 250
    Whitesmoke   #F5F5F5 245 245 245
    Ghostwhite   #F8F8FF 248 248 255
    Floralwhite   #FFFAF0 255 250 240
    Oldlace   #FDF5E6 253 245 230
    Seashell   #FFE5EE 255 229 238
    Mistyrose   #FFE4E1 255 228 225
    Lavenderblush   #FFF0F5 255 240 245
    Linen   #FAF0F6 250 240 246
    Lavender   #E6E6FA 230 230 250
    Aliceblue   #F0F8FF 240 248 255
    Mintcream   #F5FFFA 245 255 250
    Lightcyan   #E0FFFF 224 255 255
    Azure   #F0FFFF 240 255 255
    Honeydew   #F0FFF0 240 255 240
    Ivory   #FFFFF0 255 255 240
    Beige   #F5F5DC 245 245 220
    Cornsilk   #FFF8DC 255 248 220
    Antiquewhite   #FAEBD7 250 235 215
    Papayawhip   #FFEED5 255 239 213
    Blanchedalmond   #FFEBCD 255 235 205
    Bisque   #FFE4C4 255 228 196
    Peachpuff   #FFDAB9 255 218 185
    Moccasin   #FFE4B5 225 228 181
    Navajowhite   #FFDEAD 255 222 173
    Wheat   #F5DEB3 245 222 179
    Tan   #D2B48C 210 180 140
    Lightyellow   #FFFFE0 255 255 224
    Lightgoldenrodyellow   #FAFAD2 250 250 210
    Lemonchiffon   #FFFACD 255 250 205
    Yellow   #FFFF00 255 255 0
    Gold   #FFD700 255 215 0
    Goldenrod   #DAA520 218 165 32
    Darkgoldenrod   #B8860B 184 134 11
    Sandybrown   #F4A460 244 164 96
    Orange   #FFA500 255 165 0
    Darkorange   #FF8C00 255 140 0
    Orangered   #FF4500 255 69 0
    Tomato   #FF6347 255 99 71
    Coral   #FF7F50 255 127 80
    Lightsalmon   #FFA07A 255 160 122
    Salmon   #FA8072 250 128 114
    Darksalmon   #E9967A 233 150 122
    Chocolate   #D2691E 210 105 30
    Peru   #CD853F 205 133 63
    Sienna   #A0522D 160 82 45
    Brown   #A52A2A 165 42 42
    Maroon   #800000 128 0 0
    Darkred   #8B0000 139 0 0
    Firebrick   #B22222 178 34 34
    Indianred   #CD5C5C 205 92 92
    Lightcoral   #F08080 240 128 128
    Burlywood   #DE8887 222 136 135
    Crimson   #DC143C 220 20 60
    Red   #FF0000 255 0 0
    Pink   #FFC0CB 255 192 203
    Lightpink   #FFB6C1 255 182 193
    Hotpink   #FF69B4 255 105 180
    Deeppink   #FF1493 255 20147 79
    Palevioletred   #DB7093 219 112 147
    Rosybrown   #BC8F8F 188 143 143
    Thistle   #D8BFD8 216 191 216
    Plum   #DDA0DD 221 160 221
    Violet   #EE82EE 238 130 238
    Fuchsia   #FF00FF 255 0 255
    Mediumvioletred   #C71585 199 21 133
    Orchid   #DA70D6 218 112 214
    Mediumorchid   #BA55D3 186 85 211
    Darkorchid   #9932CC 153 50 204
    Darkviolet   #9400D3 148 0 211
    Darkmagenta   #8B008B 139 0 139
    Purple   #800080 128 00 128
    Indigo   #4B0082 75 0 130
    Blueviolet   #8A2BE2 138 43 226
    Slateblue   #6A5ACD 106 90 205
    Mediumpurple   #9370DB 147 112 219
    Mediumslateblue   #7B68EE 123 104 238
    Cornflowerblue   #6495ED 100 149 237
    Royalblue   #4169E1 65 105 225
    Darkslateblue   #483D8B 72 61 139
    Midnightblue   #191970 25 25 112
    Navy   #000080 0 0 128
    Darkblue   #00008B 0 0 139
    Mediumblue   #0000CD 0 0 205
    Blue   #0000FF 0 0 255
    Dodgerblue   #1E90FF 30 144 255
    Deepskyblue   #00BFFF 0 191 255
    Lightskyblue   #87CEFA 135 206 250
    Skyblue   #87CEEB 135 206 235
    Steelblue   #4682B4 70 130 180
    Lightsteelblue   #B0C4DE 176 196 222
    Lightblue   #ADD8E6 173 216 230
    Powderblue   #B0E0E6 176 224 230
    Paleturquoise   #AFEEEE 175 238 238
    Darkturquoise   #00CED1 0 206 209
    Mediumturquoise   #48D1CC 72 209 204
    Turquoise   #40E0D0 64 224 208
    Aqua   #00FFFF 0 255 255
    Aquamarine   #7FFFD4 127 255 212
    Mediumaquamarine   #66CDAA 102 205 170
    Palegreen   #98FB98 152 251 152
    Lightgreen   #90EE90 144 238 144
    Greenyellow   #ADFF2F 173 255 47
    Mediumspringgreen   #00FA9A 0 250 154
    Springgreen   #00FF7F 0 255 127
    Lime   #00FF00 0 255 0
    Limegreen   #32CD32 50 205 50
    Mediumseagreen   #3CB371 60 179 113
    Yellowgreen   #9ACD32 154 205 50
    Darkseagreen   #8FBC8F 143 188 143
    Lightseagreen   #20B2AA 32 178 170
    Cadetblue   #5F9EA0 95 158 160
    Darkcyan   #008B8B 0 139 139
    Teal   #008080 0 128 128
    Darkslategray   #2F4F4F 47 79 79
    Palegoldenrod   #EEE8AA 238 232 170
    Khaki   #F0E68C 240 230 140
    Darkkhaki   #BDB76D 189 183 109
    Olive   #808000 128 128 0
    Darkolivegreen   #556B2F 85 107 47
    Olivedrab   #6B8E233 107 142 35
    Forestgreen   #228B22 34 139 34
    Green   #008000 0 128 0
    Darkgreen   #006400 0 100 0
    Gainsboro   #DCDCDC 220 220 220
    Lightslategray   #778899 119 136 153
    Slategray   #708090 112 128 144
    Seagreen   #2E2B57 43 46 87
    Silver   #C0C0C0 192 192 192
    Darkgray   #A9A9A9 169 169 169
    Gray   #808080 128 128 128
    Dimgray   #696969 105 105 105
    Black   #000000 0 0 0
    snow1   #fffafa 255 250 250
    snow2   #eee9e9 238 233 233
    snow3   #cdc9c9 205 201 201
    snow4   #8b8989 139 137 137
    seashell1   #fff5ee 255 245 238
    seashell2   #eee5de 238 229 222
    seashell3   #cdc5bf 205 197 191
    seashell4   #8b8682 139 134 130
    AntiqueWhite1   #ffefdb 255 239 219
    AntiqueWhite2   #eedfcc 238 223 204
    AntiqueWhite3   #cdc0b0 205 192 176
    AntiqueWhite4   #8b8378 139 131 120
    bisque1   #ffe4c4 255 228 196
    bisque2   #eed5b7 238 213 183
    bisque3   #cdb79e 205 183 158
    bisque4   #8b7d6b 139 125 107
    PeachPuff1   #ffdab9 255 218 185
    PeachPuff2   #eecbad 238 203 173
    PeachPuff3   #cdaf95 205 175 149
    PeachPuff4   #8b7765 139 119 101
    NavajoWhite1   #ffdead 255 222 173
    NavajoWhite2   #eecfa0 238 207 161
    NavajoWhite3   #cdb38b 205 179 139
    NavajoWhite4   #8b795e 139 121 94
    LemonChiffon1   #fffacd 255 250 205
    LemonChiffon2   #eee9bf 238 233 191
    LemonChiffon3   #cdc9a5 205 201 165
    LemonChiffon4   #8b8970 139 137 112
    cornsilk1   #fff8dc 255 248 220
    cornsilk2   #eee8cd 238 232 205
    cornsilk3   #cdc8b1 205 200 177
    cornsilk4   #8b8878 139 136 120
    ivory1   #fffff0 255 255 240
    ivory2   #eeeee0 238 238 224
    ivory3   #cdcdc1 205 205 193
    ivory4   #8b8b83 139 139 131
    honeydew1   #f0fff0 240 255 240
    honeydew2   #e0eee0 224 238 224
    honeydew3   #c1cdc1 193 205 193
    honeydew4   #838b83 131 139 131
    LavenderBlush2   #fff0f5 255 240 245
    LavenderBlush3   #eee0e5 238 224 229
    LavenderBlush4   #cdc1c5 205 193 197
    LavenderBlush5   #8b8386 139 131 134
    MistyRose1   #ffe4e1 255 228 225
    MistyRose2   #eed5d2 238 213 210
    MistyRose3   #cdb7b5 205 183 181
    MistyRose4   #8b7d7b 139 125 123
    azure1   #f0ffff 240 255 255
    azure2   #e0eeee 224 238 238
    azure3   #c1cdcd 193 205 205
    azure4   #838b8b 131 139 139
    SlateBlue1   #836fff 131 111 255
    SlateBlue2   #7a67ee 122 103 238
    SlateBlue3   #6959cd 105 89 205
    SlateBlue4   #473c8b 71 60 139
    RoyalBlue1   #4876ff 72 118 255
    RoyalBlue2   #436eee 67 110 238
    RoyalBlue3   #3a5fcd 58 95 205
    RoyalBlue4   #27408b 39 64 139
    blue1   #0000ff 0 0 255
    blue2   #0000ee 0 0 238
    blue3   #0000cd 0 0 205
    blue4   #00008b 0 0 139
    DodgerBlue1   #1e90ff 30 144 255
    DodgerBlue2   #1c86ee 28 134 238
    DodgerBlue3   #1874cd 24 116 205
    DodgerBlue4   #104e8b 16 78 139
    SteelBlue1   #63b8ff 99 184 255
    SteelBlue2   #5cacee 92 172 238
    SteelBlue3   #4f94cd 79 148 205
    SteelBlue4   #36648b 54 100 139
    DeepSkyBlue1   #00bfff 0 191 255
    DeepSkyBlue2   #00b2ee 0 178 238
    DeepSkyBlue3   #009acd 0 154 205
    DeepSkyBlue4   #00688b 0 104 139
    SkyBlue1   #87ceff 135 206 255
    SkyBlue2   #7ec0ee 126 192 238
    SkyBlue3   #6ca6cd 108 166 205
    SkyBlue4   #4a708b 74 112 139
    LightSkyBlue1   #b0e2ff 176 226 255
    LightSkyBlue2   #a4d3ee 164 211 238
    LightSkyBlue3   #8db6cd 141 182 205
    LightSkyBlue4   #607b8b 96 123 139
    SlateGray1   #c6e2ff 198 226 255
    SlateGray2   #b9d3ee 185 211 238
    SlateGray3   #9fb6cd 159 182 205
    SlateGray4   #6c7b8b 108 123 139
    LightSteelBlue1   #cae1ff 202 225 255
    LightSteelBlue2   #bcd2ee 188 210 238
    LightSteelBlue3   #a2b5cd 162 181 205
    LightSteelBlue4   #6e7b8b 110 123 139
    LightBlue1   #bfefff 191 239 255
    LightBlue2   #b2dfee 178 223 238
    LightBlue3   #9ac0cd 154 192 205
    LightBlue4   #68838b 104 131 139
    LightCyan1   #e0ffff 224 255 255
    LightCyan2   #d1eeee 209 238 238
    LightCyan3   #b4cdcd 180 205 205
    LightCyan4   #7a8b8b 122 139 139
    PaleTurquoise1   #bbffff 187 255 255
    PaleTurquoise2   #aeeeee 174 238 238
    PaleTurquoise3   #96cdcd 150 205 205
    PaleTurquoise4   #668b8b 102 139 139
    CadetBlue1   #98f5ff 152 245 255
    CadetBlue2   #8ee5ee 142 229 238
    CadetBlue3   #7ac5cd 122 197 205
    CadetBlue4   #53868b 83 134 139
    turquoise1   #00f5ff 0 245 255
    turquoise2   #00e5ee 0 229 238
    turquoise3   #00c5cd 0 197 205
    turquoise4   #00868b 0 134 139
    cyan1   #00ffff 0 255 255
    cyan2   #00eeee 0 238 238
    cyan3   #00cdcd 0 205 205
    cyan4   #008b8b 0 139 139
    DarkSlateGray1   #97ffff 151 255 255
    DarkSlateGray2   #8deeee 141 238 238
    DarkSlateGray3   #79cdcd 121 205 205
    DarkSlateGray4   #528b8b 82 139 139
    aquamarine1   #7fffd4 127 255 212
    aquamarine2   #76eec6 118 238 198
    aquamarine3   #66cdaa 102 205 170
    aquamarine4   #458b74 69 139 116
    DarkSeaGreen1   #c1ffc1 193 255 193
    DarkSeaGreen2   #b4eeb4 180 238 180
    DarkSeaGreen3   #9bcd9b 155 205 155
    DarkSeaGreen4   #698b69 105 139 105
    SeaGreen1   #54ff9f 84 255 159
    SeaGreen2   #4eee94 78 238 148
    SeaGreen3   #43cd80 67 205 128
    SeaGreen4   #2e8b57 46 139 87
    PaleGreen1   #9aff9a 154 255 154
    PaleGreen2   #90ee90 144 238 144
    PaleGreen3   #7ccd7c 124 205 124
    PaleGreen4   #548b54 84 139 84
    SpringGreen1   #00ff7f 0 255 127
    SpringGreen2   #00ee76 0 238 118
    SpringGreen3   #00cd66 0 205 102
    SpringGreen4   #008b45 0 139 69
    green1   #00ff00 0 255 0
    green2   #00ee00 0 238 0
    green3   #00cd00 0 205 0
    green4   #008b00 0 139 0
    chartreuse1   #7fff00 127 255 0
    chartreuse2   #76ee00 118 238 0
    chartreuse3   #66cd00 102 205 0
    chartreuse4   #458b00 69 139 0
    OliveDrab1   #c0ff3e 192 255 62
    OliveDrab2   #b3ee3a 179 238 58
    OliveDrab3   #9acd32 154 205 50
    OliveDrab4   #698b22 105 139 34
    DarkOliveGreen1   #caff70 202 255 112
    DarkOliveGreen2   #bcee68 188 238 104
    DarkOliveGreen3   #a2cd5a 162 205 90
    DarkOliveGreen4   #6e8b3d 110 139 61
    khaki1   #fff68f 255 246 143
    khaki2   #eee685 238 230 133
    khaki3   #cdc673 205 198 115
    khaki4   #8b864e 139 134 78
    LightGoldenrod1   #ffec8b 255 236 139
    LightGoldenrod2   #eedc82 238 220 130
    LightGoldenrod3   #cdbe70 205 190 112
    LightGoldenrod4   #8b814c 139 129 76
    LightYellow1   #ffffe0 255 255 224
    LightYellow2   #eeeed1 238 238 209
    LightYellow3   #cdcdb4 205 205 180
    LightYellow4   #8b8b7a 139 139 122
    yellow1   #ffff00 255 255 0
    yellow2   #eeee00 238 238 0
    yellow3   #cdcd00 205 205 0
    yellow4   #8b8b00 139 139 0
    gold1   #ffd700 255 215 0
    gold2   #eec900 238 201 0
    gold3   #cdad00 205 173 0
    gold4   #8b7500 139 117 0
    goldenrod1   #ffc125 255 193 37
    goldenrod2   #eeb422 238 180 34
    goldenrod3   #cd9b1d 205 155 29
    goldenrod4   #8b6914 139 105 20
    DarkGoldenrod1   #ffb90f 255 185 15
    DarkGoldenrod2   #eead0e 238 173 14
    DarkGoldenrod3   #cd950c 205 149 12
    DarkGoldenrod4   #8b6508 139 101 8
    RosyBrown1   #ffc1c1 255 193 193
    RosyBrown2   #eeb4b4 238 180 180
    RosyBrown3   #cd9b9b 205 155 155
    RosyBrown4   #8b6969 139 105 105
    IndianRed1   #ff6a6a 255 106 106
    IndianRed2   #ee6363 238 99 99
    IndianRed3   #cd5555 205 85 85
    IndianRed4   #8b3a3a 139 58 58
    sienna1   #ff8247 255 130 71
    sienna2   #ee7942 238 121 66
    sienna3   #cd6839 205 104 57
    sienna4   #8b4726 139 71 38
    burlywood1   #ffd39b 255 211 155
    burlywood2   #eec591 238 197 145
    burlywood3   #cdaa7d 205 170 125
    burlywood4   #8b7355 139 115 85
    wheat1   #ffe7ba 255 231 186
    wheat2   #eed8ae 238 216 174
    wheat3   #cdba96 205 186 150
    wheat4   #8b7e66 139 126 102
    tan1   #ffa54f 255 165 79
    tan2   #ee9a49 238 154 73
    tan3   #cd853f 205 133 63
    tan4   #8b5a2b 139 90 43
    chocolate1   #ff7f24 255 127 36
    chocolate2   #ee7621 238 118 33
    chocolate3   #cd661d 205 102 29
    chocolate4   #8b4513 139 69 19
    firebrick1   #ff3030 255 48 48
    firebrick2   #ee2c2c 238 44 44
    firebrick3   #cd2626 205 38 38
    firebrick4   #8b1a1a 139 26 26
    brown1   #ff4040 255 64 64
    brown2   #ee3b3b 238 59 59
    brown3   #cd3333 205 51 51
    brown4   #8b2323 139 35 35
    salmon1   #ff8c69 255 140 105
    salmon2   #ee8262 238 130 98
    salmon3   #cd7054 205 112 84
    salmon4   #8b4c39 139 76 57
    LightSalmon1   #ffa07a 255 160 12
    LightSalmon2   #ee9572 238 149 114
    LightSalmon3   #cd8162 205 129 98
    LightSalmon4   #8b5742 139 87 66
    orange1   #ffa500 255 165 0
    orange2   #ee9a00 238 154 0
    orange3   #cd8500 205 133 0
    orange4   #8b5a00 139 90 0
    DarkOrange1   #ff7f00 255 127 0
    DarkOrange2   #ee7600 238 118 0
    DarkOrange3   #cd6600 205 102 0
    DarkOrange4   #8b4500 139 69 0
    coral1   #ff7256 255 114 86
    coral2   #ee6a50 238 106 80
    coral3   #cd5b45 205 91 69
    coral4   #8b3e2f 139 62 47
    tomato1   #ff6347 255 99 71
    tomato2   #ee5c42 238 92 66
    tomato3   #cd4f39 205 79 57
    tomato4   #8b3626 139 54 38
    OrangeRed1   #ff4500 255 69 0
    OrangeRed2   #ee4000 238 64 0
    OrangeRed3   #cd3700 205 55 0
    OrangeRed4   #8b2500 139 37 0
    red1   #ff0000 255 0 0
    red2   #ee0000 238 0 0
    red3   #cd0000 205 0 0
    red4   #8b0000 139 0 0
    DeepPink1   #ff1493 255 20 147
    DeepPink2   #ee1289 238 18 137
    DeepPink3   #cd1076 205 16 118
    DeepPink4   #8b0a50 139 10 80
    HotPink1   #ff6eb4 255 110 180
    HotPink2   #ee6aa7 238 106 167
    HotPink3   #cd6090 205 96 144
    HotPink4   #8b3a62 139 58 98
    pink1   #ffb5c5 255 181 197
    pink2   #eea9b8 238 169 184
    pink3   #cd919e 205 145 158
    pink4   #8b636c 139 99 108
    LightPink1   #ffaeb9 255 174 185
    LightPink2   #eea2ad 238 162 173
    LightPink3   #cd8c95 205 140 149
    LightPink4   #8b5f65 139 95 101
    PaleVioletRed1   #ff82ab 255 130 171
    PaleVioletRed2   #ee799f 238 121 159
    PaleVioletRed3   #cd6889 205 104 137
    PaleVioletRed4   #8b475d 139 71 93
    maroon1   #ff34b3 255 52 179
    maroon2   #ee30a7 238 48 167
    maroon3   #cd2990 205 41 144
    maroon4   #8b1c62 139 28 98
    VioletRed1   #ff3e96 255 62 150
    VioletRed2   #ee3a8c 238 58 140
    VioletRed3   #cd3278 205 50 120
    VioletRed4   #8b2252 139 34 82
    magenta1   #ff00ff 255 0 255
    magenta2   #ee00ee 238 0 238
    magenta3   #cd00cd 205 0 205
    magenta4   #8b008b 139 0 139
    orchid1   #ff83fa 255 131 250
    orchid2   #ee7ae9 238 122 233
    orchid3   #cd69c9 205 105 201
    orchid4   #8b4789 139 71 137
    plum1   #ffbbff 255 187 255
    plum2   #eeaeee 238 174 238
    plum3   #cd96cd 205 150 205
    plum4   #8b668b 139 102 139
    MediumOrchid1   #e066ff 224 102 255
    MediumOrchid2   #d15fee 209 95 238
    MediumOrchid3   #b452cd 180 82 205
    MediumOrchid4   #7a378b 122 55 139
    DarkOrchid1   #bf3eff 191 62 255
    DarkOrchid2   #b23aee 178 58 238
    DarkOrchid3   #9a32cd 154 50 205
    DarkOrchid4   #68228b 104 34 139
    purple1   #9b30ff 155 48 255
    purple2   #912cee 145 44 238
    purple3   #7d26cd 125 38 205
    purple4   #551a8b 85 26 139
    MediumPurple1   #ab82ff 171 130 255
    MediumPurple2   #9f79ee 159 121 238
    MediumPurple3   #8968cd 137 104 205
    MediumPurple4   #5d478b 93 71 139
    thistle1   #ffe1ff 255 225 255
    thistle2   #eed2ee 238 210 238
    thistle3   #cdb5cd 205 181 205
    thistle4   #8b7b8b 139 123 139

    Вернуться на главную страницу


    help-html-css.narod.ru

    Безопасные цвета для сайта — Технический блог

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

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

    При этом в WEB принято, что градация каждого первичного цвета состоит из 256 оттенков от нуля до 255 или от 00 до FF в шестнадцатеричном исчислении. В итоге мы получим более 16 миллионов цветов (256*256*256) и считается, что это предел для человеческого глаза.

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

    Кроме того в некоторых системах браузер по неизвестной мне причине почему-то не может правильно отобразить определенные цвета и тогда он подбирает ближайший похожий. И получается, что светло-серый #eeeeee как бы превращается в #ffffff, то есть не отличается от него на экране монитора. Что согласитесь не одно и тоже, ведь тогда вы не видите фон, рамки и прочее. Я наблюдал это лично в Linux системах в браузере FireFox. Допускаю, что нужно было донастроить операционную систему, драйверы или еще чего, но факт имеет место быть, некоторые цвета искажаются, что портит цветовое оформление сайта. А вот с безопасным цветом, например #cccccc такие неприятности не происходят.

    Исходя из вышеописанного при определении цветовой палитры сайтов принято ограничивать палитру загрубив градацию каждого из первичных цветом до 6 уровней (00, 33, 66, 99, CC, FF в шестнадцатеричном исчислении). Считается, что любой из полученных 216 цветов (6*6*6) везде будет отображаться правильным образом и без искажений.

    Таблица безопасных цветов для сайта

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

    #FFF #FFC #FF9 #FF6 #FF3 #FF0
    #FCF #FCC #FC9 #FC6 #FC3 #FC0
    #F9F #F9C #F99 #F96 #F93 #F90
    #F6F #F6C #F69 #F66 #F63 #F60
    #F3F #F3C #F39 #F36 #F33 #F30
    #F0F #F0C #F09 #F06 #F03 #F00
    #CFF #CFC #CF9 #CF6 #CF3 #CF0
    #CCF #CCC #CC9 #CC6 #CC3 #CC0
    #C9F #C9C #C99 #C96 #C93 #C90
    #C6F #C6C #C69 #C66 #C63 #C60
    #C3F #C3C #C39 #C36 #C33 #C30
    #C0F #C0C #C09 #C06 #C03 #C00
    #9FF #9FC #9F9 #9F6 #9F3 #9F0
    #9CF #9CC #9C9 #9C6 #9C3 #9C0
    #99F #99C #999 #996 #993 #990
    #96F #96C #969 #966 #963 #960
    #93F #93C #939 #936 #933 #930
    #90F #90C #909 #906 #903 #900
    #6FF #6FC #6F9 #6F6 #6F3 #6F0
    #6CF #6CC #6C9 #6C6 #6C3 #6C0
    #69F #69C #699 #696 #693 #690
    #66F #66C #669 #666 #663 #660
    #63F #63C #639 #636 #633 #630
    #60F #60C #609 #606 #603 #600
    #3FF #3FC #3F9 #3F6 #3F3 #3F0
    #3CF #3CC #3C9 #3C6 #3C3 #3C0
    #39F #39C #399 #396 #393 #390
    #36F #36C #369 #366 #363 #360
    #33F #33C #339 #336 #333 #330
    #30F #30C #309 #306 #303 #300
    #0FF #0FC #0F9 #0F6 #0F3 #0F0
    #0CF #0CC #0C9 #0C6 #0C3 #0C0
    #09F #09C #099 #096 #093 #090
    #06F #06C #069 #066 #063 #060
    #03F #03C #039 #036 #033 #030
    #00F #00C #009 #006 #003 #000

    Как использовать таблицу безопасных цветов

    Моя таблица состоит из 216 ячеек. Фон каждой из них записан в HEX формате и может использоваться в CSS стилях для графики, текста и фонов.

    Существуют несколько основных способов представления цветов в вебе. Один из них в виде #123ABC. Это представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет: две первые цифры — красный, две в середине — зелёный, две последние цифры — синий. Также допускается краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.

    Благодарности

    При написании статьи были использованы следующие источники:

    1. http://www.artlebedev.ru/tools/colors/
    2. https://ru.wikipedia.org/wiki/Цвета_HTML

    moonback.ru

    Цвета Веб — это… Что такое Цвета Веб?

  • Цвета веб — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… …   Википедия

  • Веб-приложение — Веб приложение  клиент серверное приложение, в котором клиентом выступает браузер, а сервером  веб сервер. Логика веб приложения распределена между сервером и клиентом, хранение данных осуществляется, преимущественно, на сервере, обмен… …   Википедия

  • Веб-интерфейс — это совокупность средств, при помощи которых пользователь взаимодействует с веб сайтом или веб приложением через браузер. Веб интерфейсы получили широкое распространение в связи с ростом популярности всемирной паутины[1] и соответственно… …   Википедия

  • Веб-цвета — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… …   Википедия

  • Цвета в веб — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… …   Википедия

  • Цвета в Веб — Глубина цвета битовое изображение 8 битная шкала серого 8 битный цвет 15/16 bit: Highcolor 24 bit: Truecolor 30/36/48 bit: Deep Color См. также Цветовая палитра Видимое излучение Цвета в Web Существуют несколько основных способов представления… …   Википедия

  • Веб-редактор — XHTML Каскадные таблицы стилей (CSS) Кодировки символов Сравнение движков отображения Семейство шрифтов Редактор HTML Элементы HTML Мнемоники в HTML Скрипты в HTML Юникод и HTML Цвета в Web (Web colors) WWW Консорциум (W3C) Редактор HTML или HTML …   Википедия

  • Традиционные японские цвета —  это набор цветов, которые издревле использовались при производстве одежды и в других ремёслах, а также описаны в литературе. Содержание 1 История 2 Цвета 2.1 Красно фиолетовые …   Википедия

  • Оттенки цвета маджента — Маджента (Magenta) (#FF00FF) Основная статья: Маджента Эта статья описывает важные оттенки и тона цвета маджента (Magenta). Ниже приведены только некоторые цвета из группы имён цвета маджента . Содержание …   Википедия

  • Всемирный веб-консорциум — XHTML Каскадные таблицы стилей (CSS) Кодировки символов Сравнение движков отображения Семейство шрифтов Редактор HTML Элементы HTML Мнемоники в HTML Скрипты в HTML Юникод и HTML Цвета в Web (Web colors) WWW Консорциум (W3C) Консорциум Всемирной… …   Википедия

  • dic.academic.ru

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

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