Содержание

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

Главная » Безопасные веб цвета

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

Имя цвета для HTMLКод для HTMLR G B

Красные

IndianRedCD 5C 5C205 92 92
LightCoralF0 80 80240 128 128
SalmonFA 80 72250 128 114
DarkSalmonE9 96 7A233 150 122
LightSalmonFF A0 7A255 160 122
CrimsonDC 14 3C220 20 60
RedFF 00 00255 0 0
FireBrickB2 22 22178 34 34
DarkRed8B 00 00139 0 0

Розовые

PinkFF C0 CB255 192 203
LightPinkFF B6 C1255 182 193
HotPinkFF 69 B4255 105 180
DeepPinkFF 14 93255 20 147
MediumVioletRedC7 15 85199 21 133
PaleVioletRedDB 70 93219 112 147

Оранжевые

LightSalmonFF A0 7A255 160 122
CoralFF 7F 50255 127 80
TomatoFF 63 47255 99 71
OrangeRedFF 45 00255 69 0
DarkOrangeFF 8C 00255 140 0
OrangeFF A5 00255 165 0

Жёлтые

Gold
FF D7 00
255 215 0
YellowFF FF 00255 255 0
LightYellowFF FF E0255 255 224
LemonChiffonFF FA CD255 250 205
LightGoldenrodYellowFA FA D2250 250 210
PapayaWhipFF EF D5255 239 213
MoccasinFF E4 B5255 228 181
PeachPuffFF DA B9255 218 185
PaleGoldenrodEE E8 AA238 232 170
Khaki
F0 E6 8C
240 230 140
DarkKhakiBD B7 6B189 183 107

Фиолетовые

LavenderE6 E6 FA230 230 250
ThistleD8 BF D8216 191 216
PlumDD A0 DD221 160 221
VioletEE 82 EE238 130 238
OrchidDA 70 D6218 112 214
FuchsiaFF 00 FF255 0 255
MagentaFF 00 FF255 0 255
MediumOrchidBA 55 D3186 85 211
MediumPurple93 70 DB147 112 219
BlueViolet8A 2B E2138 43 226
DarkViolet94 00 D3148 0 211
DarkOrchid99 32 CC153 50 204
DarkMagenta8B 00 8B139 0 139
Purple80 00 80128 0 128
Indigo4B 00 8275 0 130
SlateBlue6A 5A CD106 90 205
DarkSlateBlue48 3D 8B72 61 139

Зелёные

GreenYellowAD FF 2F173 255 47
Chartreuse7F FF 00127 255 0
LawnGreen7C FC 00124 252 0
Lime00 FF 000 255 0
LimeGreen32 CD 3250 205 50
PaleGreen98 FB 98152 251 152
LightGreen90 EE 90144 238 144
MediumSpringGreen00 FA 9A0 250 154
SpringGreen00 FF 7F0 255 127
MediumSeaGreen3C B3 7160 179 113
SeaGreen2E 8B 5746 139 87
ForestGreen22 8B 2234 139 34
Green00 80 000 128 0
DarkGreen00 64 000 100 0
YellowGreen9A CD 32154 205 50
OliveDrab6B 8E 23107 142 35
Olive80 80 00128 128 0
DarkOliveGreen55 6B 2F85 107 47
MediumAquamarine66 CD AA102 205 170
DarkSeaGreen8F BC 8F143 188 143
LightSeaGreen20 B2 AA32 178 170
DarkCyan00 8B 8B0 139 139
Teal00 80 800 128 128

Синие

Aqua00 FF FF0 255 255
Cyan00 FF FF0 255 255
LightCyanE0 FF FF224 255 255
PaleTurquoiseAF EE EE175 238 238
Aquamarine7F FF D4127 255 212
Turquoise40 E0 D064 224 208
MediumTurquoise48 D1 CC72 209 204
DarkTurquoise00 CE D10 206 209
CadetBlue5F 9E A095 158 160
SteelBlue46 82 B470 130 180
LightSteelBlueB0 C4 DE176 196 222
PowderBlueB0 E0 E6176 224 230
LightBlueAD D8 E6173 216 230
SkyBlue87 CE EB135 206 235
LightSkyBlue87 CE FA135 206 250
DeepSkyBlue00 BF FF0 191 255
DodgerBlue1E 90 FF30 144 255
CornflowerBlue64 95 ED100 149 237
MediumSlateBlue7B 68 EE123 104 238
RoyalBlue41 69 E165 105 225
Blue00 00 FF0 0 255
MediumBlue00 00 CD0 0 205
DarkBlue00 00 8B0 0 139
Navy00 00 800 0 128
MidnightBlue19 19 7025 25 112

Коричневые

CornsilkFF F8 DC255 248 220
BlanchedAlmondFF EB CD255 235 205
BisqueFF E4 C4255 228 196
NavajoWhiteFF DE AD255 222 173
WheatF5 DE B3245 222 179
BurlyWoodDE B8 87222 184 135
TanD2 B4 8C210 180 140
RosyBrownBC 8F 8F188 143 143
SandyBrownF4 A4 60244 164 96
GoldenrodDA A5 20218 165 32
DarkGoldenrodB8 86 0B184 134 11
PeruCD 85 3F205 133 63
ChocolateD2 69 1E210 105 30
SaddleBrown8B 45 13139 69 19
SiennaA0 52 2D160 82 45
BrownA5 2A 2A165 42 42
Maroon80 00 00128 0 0

Белые

WhiteFF FF FF255 255 255
SnowFF FA FA255 250 250
HoneydewF0 FF F0240 255 240
MintCreamF5 FF FA245 255 250
AzureF0 FF FF240 255 255
AliceBlueF0 F8 FF240 248 255
GhostWhiteF8 F8 FF248 248 255
WhiteSmokeF5 F5 F5245 245 245
SeashellFF F5 EE255 245 238
BeigeF5 F5 DC245 245 220
OldLaceFD F5 E6253 245 230
FloralWhiteFF FA F0255 250 240
IvoryFF FF F0255 255 240
AntiqueWhiteFA EB D7250 235 215
LinenFA F0 E6250 240 230
LavenderBlushFF F0 F5255 240 245
MistyRoseFF E4 E1255 228 225

Серые

GainsboroDC DC DC220 220 220
LightGreyD3 D3 D3211 211 211
SilverC0 C0 C0192 192 192
DarkGrayA9 A9 A9169 169 169
Gray80 80 80128 128 128
DimGray69 69 69105 105 105
LightSlateGray77 88 99119 136 153
SlateGray70 80 90112 128 144
DarkSlateGray2F 4F 4F47 79 79
Black00 00 000 0 0

Если случилось так, что ваш компьютер не доступен и необходимо отладить Java скрипт, то можете воспользоваться JavaScript редактором онлайн, который подсвечивает синтаксис в языке JavaScript

Категории

Таблица безопасных веб-цветов.

Безопасные цвета в HTML и CSS

Привет, посетитель сайта ZametkiNaPolyah.ru! Этой записью мы продолжаем рубрику: Верстка сайтов, в которой есть раздел HTML. Данную запись можно еще отнести к разделу CSS, так как эти цвета можно задавать HTML элементам и при помощи свойств каскадных таблиц стилей. безопасными такие веб-цвета называются из-за того, что предполагается эти цвета будут одинаково отображаться на любых мониторах и в любых браузерах. Но, как мы знаем, модель RGB аппаратно-зависимая, и отображения цвета на HTML странице в браузере в любом случае будет зависеть от устройства пользователя.

Безопасные веб-цвета в HTML и CSS

Всего насчитывается 216 безопасных цветов в HTML. Но на самом деле говорить: безопасные цвета в HTML не совсем корректно. Эти цвета мы можем использовать для изменения цвета HTML элементов при помощи CSS свойств. Но, самое главное, правильнее говорить безопасные цвета модели RGB. Ведь именно при помощи данной модели мы задаем эти 216 цветов. Также стоит заметить, что слово «безопасные» лучше писать в кавычках. Никакой опасности цвет модели RGB нести не может. Современные мониторы довольно корректно передают любые цвета, а старые устройства в любом случае будут передавать эти безопасные цвета немного по-разному.

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

0000000000330000660000990000CC0000FF
0033000033330033660033990033CC0033FF
0066000066330066660066990066CC0066FF
0099000099330099660099990099CC0099FF
00CC0000CC3300CC6600CC9900CCCC00CCFF
00FF0000FF3300FF6600FF9900FFCC00FFFF
3300003300333300663300993300CC3300FF
3333003333333333663333993333CC3333FF
3366003366333366663366993366CC3366FF
3399003399333399663399993399CC3399FF
33CC0033CC3333CC6633CC9933CCCC33CCFF
33FF0033FF3333FF6633FF9933FFCC33FFFF
6600006600336600666600996600CC6600FF
6633006633336633666633996633CC6633FF
6666006666336666666666996666CC6666FF
6699006699336699666699996699CC6699FF
66CC0066CC3366CC6666CC9966CCCC66CCFF
66FF0066FF3366FF6666FF9966FFCC66FFFF
9900009900339900669900999900CC9900FF
9933009933339933669933999933CC9933FF
9966009966339966669966999966CC9966FF
9999009999339999669999999999CC9999FF
99CC0099CC3399CC6699CC9999CCCC99CCFF
99FF0099FF3399FF6699FF9999FFCC99FFFF
CC0000CC0033CC0066CC0099CC00CCCC00FF
CC3300CC3333CC3366CC3399CC33CCCC33FF
CC6600CC6633CC6666CC6699CC66CCCC66FF
CC9900CC9933CC9966CC9999CC99CCCC99FF
CCCC00CCCC33CCCC66CCCC99CCCCCCCCCCFF
CCFF00CCFF33CCFF66CCFF99CCFFCCCCFFFF
FF0000FF0033FF0066FF0099FF00CCFF00FF
FF3300FF3333FF3366FF3399FF33CCFF33FF
FF6600FF6633FF6666FF6699FF66CCFF66FF
FF9900FF9933FF9966FF9999FF99CCFF99FF
FFCC00FFCC33FFCC66FFCC99FFCCCCFFCCFF
FFFF00FFFF33FFFF66FFFF99FFFFCCFFFFFF

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

Возможно, эти записи вам покажутся интересными


Палитра безопасных Веб–цветов [Мозаика системного администрирования]

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

Палитра состоит из 216 безопасных веб–цветов. Под каждым цветом указаны два значения — RGB, для создания цвета в графическом редакторе, и его шестнадцатеричных код (префикс #), для обозначения цвета в HTML.

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

Для отображения используется расширение FontColor.

Безопасные цвета для Веб. Таблица из 216 цветов, рекомендуемых для экранного дизайна — ColorScheme.Ru

HTTP

web-safe-colors/web-safe-colors.txt · Последние изменения: 2020-06-25 09:47 — GreyWolf

Цвета и их значение при создании дизайна веб-сайта

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

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

Если вы сомневаетесь в том, что цвет пробуждает эмоции, тогда давайте рассмотрим такие фразы как: “зеленые глаза монстра”, “красная ярость» или «черное настроение”. Зеленоглазый монстр ссылается на ревность, видеть красный цвет означает, что человек злится, а черное настроение относится к депрессии. Люди ассоциируют цвета с конкретным настроением. Научные тесты доказали, что различные цвета могут сделать людей счастливыми, грустными, расслабленными, взволнованными или сердитыми.

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

Нейтральные цвета

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

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

Коричневый – отвечает за Землю, дом и семьи.

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

Теплые цвета

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

Желтый, может означать слабость или трусость, а также тепло и счастье.

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

Розовый обычно символизирует невинность, женственность и романтику.

Холодные цвета

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

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

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

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

Вакуумные трубки, ЖК (LCD) и плазменные экраны и так далее, все они отображают цвета по-разному. Есть 216 цветов, которые могут отображаться на каждом типе монитора, в каждом веб-браузер и будут выглядеть почти одинаково. Эти 216 цветов называются веб-безопасными цветами. Если последовательный цвет имеет важное значение, тогда вы должны использовать только веб-безопасные цвета на ваших веб-сайтах.

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

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

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

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

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

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

Общие рекомендации для выбора цвета

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

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

15-03-2016

Таблица из 216 цветов для безопасного web дизайна

Ниже представлена таблица цветов для так называемого «безопасного» WEB дизайна, эти цвета гарантированно будут верно «работать» на всех типах устройств. Безопасная палитра цветов разработана математическим путем и основная цель таблицы одинаковое отображение цветов используемых в экранном дизайне на мониторах всех пользователей. Таблица состоит из 216 цветосочетаний основных оттенков RGB (red, green, blue)

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

Над каждым цветом два значения, первое в RGB второе в NEX (для использования в html)

255.255.204 255.255.153 255.255.102 255.255.51 255.255.0 204.204.0
FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
           
255. 204.102 255.204.0 255.204.51 204.153.0 204.153.51 153.102.0
FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600
           
255.153.0 255.153.51 204.153.102 204.102.0 153.102.51 102.51.0
FF9900 FF9933 CC9966 CC6600 996633 663300
           
255. 204.153 255.153.102 255.102.0 204.102.51 153.51.0 102.0.0
FFCC99 FF9966 FF6600 CC6633 993300 660000
           
255.102.51 204.51.0 255.51.0 255.0.0 204.0.0 153.0.0
FF6633 CC3300 FF3300 FF0000 CC0000 990000
           
255. 204.204 255.153.153 255.102.102 255.51.51 255.0.51 204.0.51
FFCCCC FF9999 FF6666 FF3333 FF0033 CC0033
           
204.153.153 204.102.102 204.51.51 153.51.51 153.0.51 51.0.0
CC9999 CC6666 CC3333 993333 990033 330000
           
255. 102.153 255.51.102 255.0.102 204.51.102 153.102.102 102.51.51
FF6699 FF3366 FF0066 CC3366 996666 663333
           
255.153.204 255.51.153 255.0.153 204.0.102 153.51.102 102.0.51
FF99CC FF3399 FF0099 CC0066 993366 660033
           
255. 102.204 255.0.204 255.51.204 204.102.153 204.0.153 153.0.102
FF66CC FF00CC FF33CC CC6699 CC0099 990066
           
255.204.255 255.153.255 255.102.255 255.51.255 255.0.255 204.51.153
FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399
           
204. 153.204 204.102.204 204.0.204 204.51.204 153.0.153 153.51.153
CC99CC CC66CC CC00CC CC33CC 990099 993399
           
204.102.255 204.51.255 204.0.255 153.0.204 153.102.153 102.0.102
CC66FF CC33FF CC00FF 9900CC 996699 660066
           
204. 153.255 153.51.204 153.51.255 153.0.255 102.0.153 102.51.102
CC99FF 9933CC 9933FF 9900FF 660099 663366
           
153.102.204 153.102.255 102.0.204 102.51.204 102.51.153 51.0.51
9966CC 9966FF 6600CC 6633CC 663399 330033
           
204. 204.255 153.153.255 102.51.255 102.0.255 51.0.153 51.0.102
CCCCFF 9999FF 6633FF 6600FF 330099 330066
           
153.153.204 102.102.255 102.102.204 102.102.153 51.51.153 51.51.102
9999CC 6666FF 6666CC 666699 333399 333366
           
51. 51.255 51.0.255 51.0.204 51.51.204 0.0.153 0.0.102
3333FF 3300FF 3300CC 3333CC 000099 000066
           
102.153.255 51.102.255 0.0.255 0.0.204 0.51.204 0.0.51
6699FF 3366FF 0000FF 0000CC 0033CC 000033
           
0. 102.255 0.102.204 51.102.204 0.51.255 0.51.153 0.51.102
0066FF 0066CC 3366CC 0033FF 003399 003366
           
153.204.255 51.153.255 0.153.255 102.153.204 51.102.153 0.102.153
99CCFF 3399FF 0099FF 6699CC 336699 006699
           
102. 204.255 51.204.255 0.204.255 51.153.204 0.153.204 0.51.51
66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333
           
153.204.204 102.204.204 51.153.153 102.153.153 0.102.102 51.102.102
99CCCC 66CCCC 339999 669999 006666 336666
           
204. 255.255 153.255.255 102.255.255 51.255.255 0.255.255 0.204.204
CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC
           
153.255.204 102.255.204 51.255.204 0.255.204 51.204.204 0.153.153
99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999
           
102. 204.153 51.204.153 0.204.153 51.153.102 0.153.102 0.102.51
66CC99 33CC99 00CC99 339966 009966 006633
           
102.255.153 51.255.153 0.255.153 51.204.102 0.204.102 0.153.51
66FF99 33FF99 00FF99 33CC66 00CC66 009933
           
153. 255.153 102.255.102 51.255.102 0.255.102 51.153.51 0.102.0
99FF99 66FF66 33FF66 00FF66 339933 006600
           
204.255.204 153.204.153 102.204.102 102.153.102 51.102.51 0.51.0
CCFFCC 99CC99 66CC66 669966 336633 003300
           
51. 255.51 0.255.51 0.255.0 0.204.0 51.204.51 0.204.51
33FF33 00FF33 00FF00 00CC00 33CC33 00CC33
           
102.255.0 102.255.51 51.255.0 51.204.0 51.153.0 0.153.0
66FF00 66FF33 33FF00 33CC00 339900 009900
           
204. 255.153 153.255.102 102.204.0 102.204.51 102.153.51 51.102.0
CCFF99 99FF66 66CC00 66CC33 669933 336600
           
153.255.0 153.255.51 153.204.102 153.204.0 153.204.51 102.153.0
99FF00 99FF33 99CC66 99CC00 99CC33 669900
           
204. 255.102 204.255.0 204.255.51 204.204.153 102.102.51 51.51.0
CCFF66 CCFF00 CCFF33 CCCC99 666633 333300
           
204.204.102 204.204.51 153.153.51 153.153.102 153.153.0 102.102.0
CCCC66 CCCC33 999966 999933 999900 666600
           
255. 255.255 204.204.204 153.153.153 102.102.102 51.51.51 0.0.0
FFFFFF CCCCCC 999999 666666 333333 000000
           

Таблица разработана специалистами студии Артема Лебедева

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

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

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

255,204,102255,204,51255,204,0204,153,0153,102,0
FFCC66FFCC33FFCC00CC9900996600
     
255,204,153204,153,102204,153,51153,102,51102,51,0
FFCC99CC9966CC9933996633663300
     
255,153,102255,153,51255,153,0204,102,51204,102,0
FF9966FF9933FF9900CC6633CC6600
     
255,102,51255,102,0255,51,0204,51,0153,51,0
FF6633FF6600FF3300CC3300993300
     
255,204,204204,153,153153,102,102102,51,5151,0,0
FFCCCCCC9999996666663333330000
     
255,153,153204,102,102204,51,51153,51,51102,0,0
FF9999CC6666CC3333993333660000
     
255,102,102255,51,51255,0,0204,0,0153,0,0
FF6666FF3333FF0000CC0000990000
     
255,102,153255,51,102255,0,51204,0,51153,0,51
FF6699FF3366FF0033CC0033990033
     
255,153,204204,102,153204,51,102153,51,102102,0,51
FF99CCCC6699CC3366993366660033
     
255,51,153255,0,153255,0,102204,0,102153,0,102
FF3399FF0099FF0066CC0066990066
     
255,102,204255,51,204255,0,204204,51,153204,0,153
FF66CCFF33CCFF00CCCC3399CC0099
     
255,204,255204,153,204153,102,153102,51,10251,0,51
FFCCFFCC99CC996699663366330033
     
255,153,255204,102,204204,51,204153,51,153102,0,102
FF99FFCC66CCCC33CC993399660066
     
255,102,255255,51,255255,0,255204,0,204153,0,153
FF66FFFF33FFFF00FFCC00CC990099
     
204,102,255204,51,255204,0,255153,0,204102,0,153
CC66FFCC33FFCC00FF9900CC660099
     
204,153,255153,102,204153,51,204102,51,15351,0,102
CC99FF9966CC9933CC663399330066
     
153,102,255153,51,255153,0,255102,51,204102,0,204
9966FF9933FF9900FF6633CC6600CC
     
102,51,255102,0,25551,0,25551,0,20451,0,153
6633FF6600FF3300FF3300CC330099
     
204,204,255153,153,204102,102,15351,51,1020,0,51
CCCCFF9999CC666699333366000033
     
153,153,255102,102,20451,51,20451,51,153
9999FF6666CC3333CC333399000066
     
102,102,25551,51,2550,0,2550,0,2040,0,153
6666FF3333FF0000FF0000CC000099
     
102,153,25551,102,2550,51,2550,51,2040,51,153
6699FF3366FF0033FF0033CC003399
     
153,204,255102,153,20451,102,20451,102,1530,51,102
99CCFF6699CC3366CC336699003366
     
51,153,2550,153,2550,102,2550,102,2040,102,153
3399FF0099FF0066FF0066CC006699
     
102,204,25551,204,2550,204,25551,153,2040,153,204
66CCFF33CCFF00CCFF3399CC0099CC
     
204,255,255153,204,204102,153,15351,102,1020,51,51
CCFFFF99CCCC669999336666003333
     
153,255,255102,204,20451,204,20451,153,1530,102,102
99FFFF66CCCC33CCCC339999006666
     
102,255,25551,255,2550,255,2550,204,2040,153,153
66FFFF33FFFF00FFFF00CCCC009999
     
102,255,20451,255,2040,255,2040,204,1530,153,102
66FFCC33FFCC00FFCC00CC99009966
     
153,255,204102,204,15351,204,15351,153,1020,102,51
99FFCC66CC9933CC99339966006633
     
102,255,15351,255,1530,255,15351,204,1020,104,102
66FF9933FF9900FF9933CC6600CC66
     
51,255,1020,255,1020,255,510,204,510,153,51
33FF6600FF6600FF3300CC33009933
     
153,255,153153,204,153102,153,10251,102,510,51,0
99FF9999CC99669966336633003300
     
204,255,204102,204,10251,204,5151,153,510,102,0
CCFFCC66CC6633CC33339933006600
     
102,255,10251,255,510,255,00,204,00,153,0
66FF6633FF3300FF0000CC00009900
     
153,255,102102,255,5151,255,051,204,051,153,0
99FF6666FF3333FF0033CC00339900
     
204,255,153153,204,102102,204,51102,153,5151,102,0
CCFF9999CC6666CC33669933336600
     
153,255,51153,255,0102,255,0102,204,0102,153,0
99FF3399FF0066FF0066CC00669900
     
204,255,102204,255,51204,255,0153,204,51153,204,0
CCFF66CCFF33CCFF0099CC3399CC00
     
255,255,204204,204,153153,153,102102,102,5151,51,0
FFFFCCCCCC99999966666633333300
     
255,255,153204,204,102204,204,51153,153,51102,102,0
FFFF99CCCC66CCCC33999933666600
     
255,255,102255,255,51255,255,0204,204,0153,153,0
FFFF66FFFF33FFFF00CCCC00999900
     
255,255,255204,204,204153,153,153102,102,10251,51,510,0,0
FFFFFFCCCCCC999999666666333333000000
      

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

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

216 Список безопасных веб-цветов

216 Список безопасных веб-цветов — от WebSafeColors.design

Таблица цветов ниже перечисляет 216 безопасных веб-цветов (в соответствии с неофициальным стандартом безопасных веб-цветов). Соответствующий шестнадцатеричный цветовой код и цветовой код rgb отображаются над каждым образцом цвета. Шестнадцатеричный код цвета на самом деле представляет собой просто значение rgb в шестнадцатеричном формате . Цветовой код rgb использует десятичную запись и разделяет каждый компонент (красный, зеленый и синий) запятой. Обратите внимание на то, как пошаговые изменения значений hex/rgb влияют на цвет. Прочтите разделы «Обучение» и «Часто задаваемые вопросы» для получения дополнительной информации.

 

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

RGB: rgb(0,0,0)

 

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

RGB: rgb(0,0,51)

 

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

RGB: RGB(0,0,102)

 

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

RGB: rgb(0,0,153)

 

Шестнадцатеричный: #0000cc

RGB: rgb(0,0,204)

 

Шестнадцатеричный: #0000ff

RGB: rgb(0,0,255)

 

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

RGB: rgb(0,51,0)

 

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

RGB: rgb(0,51,51)

 

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

RGB: RGB(0,51,102)

 

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

RGB: rgb(0,51,153)

 

Шестнадцатеричный: #0033cc

RGB: rgb(0,51,204)

 

Шестнадцатеричный: #0033ff

RGB: rgb(0,51,255)

 

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

RGB: RGB(0,102,0)

 

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

RGB: RGB(0,102,51)

 

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

RGB: RGB(0,102,102)

 

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

RGB: RGB(0,102,153)

 

Шестнадцатеричный: #0066cc

RGB: rgb(0,102,204)

 

Шестнадцатеричный: #0066ff

RGB: rgb(0,102,255)

 

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

RGB: rgb(0,153,0)

 

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

RGB: RGB(0,153,51)

 

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

RGB: RGB(0,153,102)

 

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

RGB: RGB(0,153,153)

 

Шестнадцатеричный: #0099cc

RGB: rgb(0,153,204)

 

Шестнадцатеричный: #0099ff

RGB: rgb(0,153,255)

 

Шестнадцатеричный: #00cc00

RGB: rgb(0,204,0)

 

Шестнадцатеричный: #00cc33

RGB: rgb(0,204,51)

 

Шестнадцатеричный: #00cc66

RGB: rgb(0,204,102)

 

Шестнадцатеричный: #00cc99

RGB: rgb(0,204,153)

 

Шестнадцатеричный: #00cccc

RGB: rgb(0,204,204)

 

Шестнадцатеричный: #00ccff

RGB: rgb(0,204,255)

 

Шестнадцатеричный: #00ff00

RGB: rgb(0,255,0)

 

Шестнадцатеричный: #00ff33

RGB: rgb(0,255,51)

 

Шестнадцатеричный: #00ff66

RGB: rgb(0,255,102)

 

Шестнадцатеричный: #00ff99

RGB: rgb(0,255,153)

 

Шестнадцатеричный: #00ffcc

RGB: rgb(0,255,204)

 

Шестнадцатеричный: #00ffff

RGB: rgb(0,255,255)

 

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

RGB: rgb(51,0,0)

 

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

RGB: rgb(51,0,51)

 

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

RGB: rgb(51,0,102)

 

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

RGB: rgb(51,0,153)

 

Шестнадцатеричный: #3300cc

RGB: rgb(51,0,204)

 

Шестнадцатеричный: #3300ff

RGB: rgb(51,0,255)

 

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

RGB: rgb(51,51,0)

 

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

RGB: rgb(51,51,51)

 

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

RGB: rgb(51,51,102)

 

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

RGB: rgb(51,51,153)

 

Шестнадцатеричный: #3333cc

RGB: rgb(51,51,204)

 

Шестнадцатеричный: #3333ff

RGB: rgb(51,51,255)

 

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

RGB: rgb(51,102,0)

 

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

RGB: rgb(51,102,51)

 

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

RGB: rgb(51,102,102)

 

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

RGB: rgb(51,102,153)

 

Шестнадцатеричный: #3366cc

RGB: rgb(51,102,204)

 

Шестнадцатеричный: #3366ff

RGB: RGB(51 102 255)

 

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

RGB: rgb(51,153,0)

 

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

RGB: rgb(51,153,51)

 

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

RGB: rgb(51 153 102)

 

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

RGB: rgb(51,153,153)

 

Шестнадцатеричный: #3399cc

RGB: rgb(51 153 204)

 

Шестнадцатеричный: #3399ff

RGB: rgb(51 153 255)

 

Шестнадцатеричный: #33cc00

RGB: rgb(51,204,0)

 

Шестнадцатеричный: #33cc33

RGB: rgb(51,204,51)

 

Шестнадцатеричный: #33cc66

RGB: rgb(51 204 102)

 

Шестнадцатеричный: #33cc99

RGB: rgb(51 204 153)

 

Шестнадцатеричный: #33cccc

RGB: rgb(51 204 204)

 

Шестнадцатеричный: #33ccff

RGB: rgb(51 204 255)

 

Шестнадцатеричный: #33ff00

RGB: rgb(51,255,0)

 

Шестнадцатеричный: #33ff33

RGB: rgb(51,255,51)

 

Шестнадцатеричный: #33ff66

RGB: rgb(51 255 102)

 

Шестнадцатеричный: #33ff99

RGB: rgb(51 255 153)

 

Шестнадцатеричный: #33ffcc

RGB: rgb(51 255 204)

 

Шестнадцатеричный: #33ffff

RGB: rgb(51 255 255)

 

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

RGB: rgb(102,0,0)

 

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

RGB: rgb(102,0,51)

 

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

RGB: rgb(102,0,102)

 

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

RGB: rgb(102,0,153)

 

Шестнадцатеричный: #6600cc

RGB: rgb(102,0,204)

 

Шестнадцатеричный: #6600ff

RGB: rgb(102,0,255)

 

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

RGB: rgb(102,51,0)

 

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

RGB: RGB(102,51,51)

 

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

RGB: rgb(102,51,102)

 

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

RGB: rgb(102,51,153)

 

Шестнадцатеричный: #6633cc

RGB: RGB(102,51,204)

 

Шестнадцатеричный: #6633ff

RGB: rgb(102,51,255)

 

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

RGB: rgb(102,102,0)

 

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

RGB: rgb(102,102,51)

 

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

RGB: RGB(102,102,102)

 

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

RGB: RGB(102,102,153)

 

Шестнадцатеричный: #6666cc

RGB: RGB(102,102,204)

 

Шестнадцатеричный: #6666ff

RGB: rgb(102,102,255)

 

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

RGB: rgb(102,153,0)

 

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

RGB: rgb(102,153,51)

 

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

RGB: RGB(102,153,102)

 

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

RGB: rgb(102,153,153)

 

Шестнадцатеричный: #6699cc

RGB: rgb(102,153,204)

 

Шестнадцатеричный: #6699ff

RGB: rgb(102 153 255)

 

Шестнадцатеричный: #66cc00

RGB: rgb(102,204,0)

 

Шестнадцатеричный: #66cc33

RGB: rgb(102,204,51)

 

Шестнадцатеричный: #66cc66

RGB: rgb(102,204,102)

 

Шестнадцатеричный: #66cc99

RGB: RGB(102 204 153)

 

Шестнадцатеричный: #66cccc

RGB: rgb(102,204,204)

 

Шестнадцатеричный: #66ccff

RGB: rgb(102 204 255)

 

Шестнадцатеричный: #66ff00

RGB: rgb(102,255,0)

 

Шестнадцатеричный: #66ff33

RGB: rgb(102,255,51)

 

Шестнадцатеричный: #66ff66

RGB: rgb(102 255 102)

 

Шестнадцатеричный: #66ff99

RGB: rgb(102 255 153)

 

Шестнадцатеричный: #66ffcc

RGB: rgb(102 255 204)

 

Шестнадцатеричный: #66ffff

RGB: rgb(102 255 255)

 

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

RGB: rgb(153,0,0)

 

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

RGB: rgb(153,0,51)

 

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

RGB: rgb(153,0,102)

 

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

RGB: rgb(153,0,153)

 

Шестнадцатеричный: #9900cc

RGB: rgb(153,0,204)

 

Шестнадцатеричный: #9900ff

RGB: rgb(153,0,255)

 

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

RGB: rgb(153,51,0)

 

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

RGB: RGB(153,51,51)

 

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

RGB: RGB(153,51,102)

 

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

RGB: rgb(153,51,153)

 

Шестнадцатеричный: #9933cc

RGB: rgb(153,51,204)

 

Шестнадцатеричный: #9933ff

RGB: rgb(153,51,255)

 

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

RGB: rgb(153,102,0)

 

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

RGB: RGB(153,102,51)

 

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

RGB: rgb(153,102,102)

 

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

RGB: RGB(153,102,153)

 

Шестнадцатеричный: #9966cc

RGB: rgb(153,102,204)

 

Шестнадцатеричный: #9966ff

RGB: rgb(153 102 255)

 

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

RGB: rgb(153,153,0)

 

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

RGB: rgb(153,153,51)

 

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

RGB: RGB(153,153,102)

 

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

RGB: RGB(153,153,153)

 

Шестнадцатеричный: #9999cc

RGB: rgb(153,153,204)

 

Шестнадцатеричный: #9999ff

RGB: rgb(153 153 255)

 

Шестнадцатеричный: #99cc00

RGB: rgb(153,204,0)

 

Шестнадцатеричный: #99cc33

RGB: RGB(153,204,51)

 

Шестнадцатеричный: #99cc66

RGB: rgb(153,204,102)

 

Шестнадцатеричный: #99cc99

RGB: rgb(153,204,153)

 

Шестнадцатеричный: #99cccc

RGB: rgb(153,204,204)

 

Шестнадцатеричный: #99ccff

RGB: rgb(153 204 255)

 

Шестнадцатеричный: #99ff00

RGB: rgb(153,255,0)

 

Шестнадцатеричный: #99ff33

RGB: rgb(153,255,51)

 

Шестнадцатеричный: #99ff66

RGB: rgb(153 255 102)

 

Шестнадцатеричный: #99ff99

RGB: rgb(153 255 153)

 

Шестнадцатеричный: #99ffcc

RGB: rgb(153 255 204)

 

Шестнадцатеричный: #99ffff

RGB: rgb(153 255 255)

 

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

RGB: rgb(204,0,0)

 

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

RGB: rgb(204,0,51)

 

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

RGB: rgb(204,0,102)

 

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

RGB: rgb(204,0,153)

 

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

RGB: rgb(204,0,204)

 

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

RGB: rgb(204,0,255)

 

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

RGB: RGB(204,51,0)

 

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

RGB: rgb(204,51,51)

 

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

RGB: rgb(204,51,102)

 

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

RGB: rgb(204,51,153)

 

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

RGB: rgb(204,51,204)

 

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

RGB: rgb(204,51,255)

 

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

RGB: rgb(204,102,0)

 

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

RGB: rgb(204,102,51)

 

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

RGB: rgb(204,102,102)

 

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

RGB: rgb(204,102,153)

 

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

RGB: rgb(204,102,204)

 

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

RGB: rgb(204 102 255)

 

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

RGB: rgb(204,153,0)

 

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

RGB: rgb(204,153,51)

 

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

RGB: rgb(204,153,102)

 

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

RGB: rgb(204,153,153)

 

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

RGB: rgb(204,153,204)

 

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

RGB: RGB(204 153 255)

 

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

RGB: rgb(204,204,0)

 

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

RGB: rgb(204,204,51)

 

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

RGB: rgb(204,204,102)

 

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

RGB: rgb(204,204,153)

 

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

RGB: rgb(204,204,204)

 

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

RGB: rgb(204 204 255)

 

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

RGB: rgb(204,255,0)

 

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

RGB: rgb(204,255,51)

 

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

RGB: rgb(204 255 102)

 

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

RGB: rgb(204 255 153)

 

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

RGB: rgb(204 255 204)

 

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

RGB: rgb(204 255 255)

 

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

RGB: rgb(255,0,0)

 

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

RGB: rgb(255,0,51)

 

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

RGB: rgb(255,0,102)

 

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

RGB: rgb(255,0,153)

 

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

RGB: RGB(255,0,204)

 

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

RGB: rgb(255,0,255)

 

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

RGB: rgb(255,51,0)

 

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

RGB: rgb(255,51,51)

 

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

RGB: rgb(255,51,102)

 

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

RGB: rgb(255,51,153)

 

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

RGB: rgb(255,51,204)

 

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

RGB: rgb(255,51,255)

 

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

RGB: rgb(255,102,0)

 

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

RGB: rgb(255,102,51)

 

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

RGB: rgb(255,102,102)

 

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

RGB: rgb(255,102,153)

 

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

RGB: rgb(255,102,204)

 

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

RGB: rgb(255,102,255)

 

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

RGB: rgb(255,153,0)

 

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

RGB: RGB(255,153,51)

 

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

RGB: rgb(255,153,102)

 

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

RGB: rgb(255,153,153)

 

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

RGB: rgb(255,153,204)

 

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

RGB: rgb(255,153,255)

 

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

RGB: rgb(255,204,0)

 

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

RGB: rgb(255,204,51)

 

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

RGB: rgb(255,204,102)

 

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

RGB: RGB(255,204,153)

 

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

RGB: rgb(255,204,204)

 

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

RGB: rgb(255,204,255)

 

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

RGB: rgb(255,255,0)

 

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

RGB: rgb(255,255,51)

 

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

RGB: rgb(255,255,102)

 

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

RGB: rgb(255,255,153)

 

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

RGB: rgb(255,255,204)

 

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

RGB: rgb(255,255,255)

Совет для профессионалов: чтобы быстро получить доступ к 216 цветовым кодам выше, посетите http://216. codes/

.

Что дальше? Теперь, когда вы изучили 216 безопасных веб-цветов, узнайте больше.

Использование веб-цветов В 2023 году

В дизайне

Раскрытие информации: Ваша поддержка помогает сайту работать! Мы зарабатываем комиссионные за некоторые услуги, которые мы рекомендуем на этой странице. Узнать больше

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

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

Что такое основы?

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

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

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

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

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

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

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

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

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

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

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

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

Цвета и CSS

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

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

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

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

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

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

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

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

Белый Smoke1347 F5F5F5
AliceBlue
F0F8FF
AntiqueWhite
FAEBD7
Aqua
00FFFF
Aquamarine
7FFFD4
Azure
F0FFFF
Beige
F5F5DC
Bisque
FFE4C4
Black
000000
BlanchedAlmond
FFEBCD
Blue
0000FF
BlueViolet
8A2BE2
Brown
A52A2A
BurlyWood
DEB887
CadetBlue
5F9EA0
Chartreuse
7FFF00
Chocolate
D2691E
Коралловый
FF7F50
Васильковый
6495ED
Кукурузный
FFF8DC
Малиновый
DC143C
Cyan
00FFFF
DarkBlue
00008B
DarkCyan
008B8B
DarkGoldenrod
B8860B
DarkGray
A9A9A9
DarkGreen
006400
DarkGrey
A9A9A9
DarkKhaki
BDB76B
DarkMagenta
8B008B
DarkOliveGreen
556B2F
DarkOrange
FF8C00
DarkRed
8B0000
DarkSalmon
E9967A
DarkSeaGreen
8FBC8F
DarkSlateBlue
483D8B
DarkSlateGray
2F4F4F
DarkSlateGrey
2F4F4F
DarkTurquoise
00CED1
DarkViolet
9400D3
DeepPink
FF1493
DeepSkyBlue
00BFFF
DimGray
696969
DimGrey
696969
DodgerBlue
1E90FF
FireBrick
B22222
FloralWhite
FFFAF0
ForestGreen
228B22
Fuchsia
FF00FF
Gainsboro
DCDCDC
GhostWhite
F8F8FF
Gold
FFD700
Goldenrod
DAA520
Gray
808080
Серый
808080
Зеленый
008000
Зеленый Желтый
ADFF2F
HoneyDew
F0FFF0
HotPink
FF69B4
IndianRed
CD5C5C
Indigo
4B0082
Ivory
FFFFF0
Khaki
F0E68C
Lavender
E6E6FA
LavenderBlush
FFF0F5
LawnGreen
7CFC00
LemonChiffon
FFFACD
Светло-голубой
ADD8E6
Светло-коралловый
F08080
Светло-голубой
E0FFFF
Светло-желтый
FAFAD2
LightGray
D3D3D3
LightGreen
90EE90
LightGrey
D3D3D3
LightPink
FFB6C1
LightSalmon
FFA07A
LightSeaGreen
20B2AA
LightSkyBlue
87CEFA
LightSlateGray
778899
светло-серый
778899
светло-стальной синий
B0C4DE
светло-желтый
FFFFE0
салатовый
00FF00
LimeGreen
32CD32
Linen
FAF0E6
Magenta
FF00FF
Maroon
800000
MediumAquamarine
66CDAA
MediumBlue
0000CD
MediumOrchid
BA55F3
MediumPurple
9370DB
MediumSeaGreen
3CB371
MediumSlateBlue
7B68EE
MediumSpringGreen
00FA9A
MediumTurquoise
48D1CC
MediumVioletRed
C71585
MidnightBlue
1
MintCream
F5FFFA
MistyRose
FFE4E1
Moccasin
FFE4B5
NavajoWhite
FFDEAD
Navy
000080
OldLace
FDF5E6
Оливковый
808000
Оливково-серый
6B8E23
Оранжевый
FFA500
Оранжево-красный
FF4500
Orchid
DA70D6
PaleGoldenrod
EEE8AA
PaleGreen
98FB98
PaleTurquoise
AFEEEE
PaleVioletRed
DB7093
PapayaWhip
FFEFD5
PeachPuff
FFDAB9
Peru
CD853F
Pink
FFC0CB
Слива
DDA0DD
Синий
B0E0E6
Фиолетовый
800080
Фиолетовый Rebecca
663399
Red
FF0000
RosyBrown
BC8F8F
RoyalBlue
4169E1
SaddleBrown
8B4513
Salmon
FA8072
SandyBrown
F4A460
SeaGreen
2E8B57
SeaShell
FFF5EE
Sienna
A0522D
Silver
C0C0C0
SkyBlue
87CEEB
SlateBlue
6A5ACD
SlateGray
708090
SlateGrey
708090
Snow
FFFAFA
SpringGreen
00FF7F
SteelBlue
4682B4
Tan
D2B48C
Teal
008080
Thistle
D8BFD8
Tomato
FF6347
Бирюзовый
40E0D0
Фиолетовый
EE82EE
Пшеничный
F5DEB3
Белый
FFFFFF
Желтый
FFFF00
Желто-зеленый
9ACD32

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

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

Вы можете указать все веб-безопасные цвета с 3-значным обозначением.

These are the web-safe colors:

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

 

If you need a particular color, use it. Если точный оттенок не имеет значения, использование веб-безопасных цветов обеспечивает лучшую совместимость со старыми машинами.

216 безопасных веб-цветов

216 безопасных веб-цветов
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
9

9

9

9

9900cc 9900ff
«> 9
«> 9 9933cc 9933ff
996600 996633 996666 996699 9966cc 9966ff
999900 999933 999966 999999 9999cc 9999ff
99cc00 99cc33 99cc66 99cc99 99cccc 99ccff
99ff00 99ff33 99ff66 99ff99 99ffcc 99ffff
куб. см0000 куб.см0033 куб.см0066 куб.см0099 куб.см00куб.см куб.см 00ff
куб.см3300 куб.см3333 куб.см3366 куб.см3399 куб.см33куб.см cc33ff
куб.см6600 куб.см6633 куб.см6666 куб.см6699 куб.см66куб.см cc66ff
куб.см9900 куб.см9933 cc9966 куб. см9999 куб.см99куб.см cc99ff
cccc00 cccc33 cccc66 cccc99 cccccc 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

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

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


HEX RGB %
00 0 0      
33 51 20      
66 102 40      
99 153 60      
CC 204 80      
FF 255 100      

Безопасные для браузера цвета выражаются количеством КРАСНОГО, ЗЕЛЕНОГО и СИНЕГО в шестнадцатеричном коде (HEX) и всегда в этом порядке. В прилагаемой таблице цветовые коды HEX сравниваются со значениями RGB и процентным соотношением каждого цвета. В шестнадцатеричной системе с основанием 16 имеется шестнадцать символов: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E и F. Браузер- безопасные цвета — очень ограниченная часть спектра, возможного на мониторе; 8-битные мониторы ограничены отображением 256 цветов, а системное программное обеспечение и браузеры резервируют до 40 цветов для собственного использования (256-40=216). На приведенных ниже диаграммах представлена ​​полная палитра из 216 возможных комбинаций из 6 HEX-кодов, сохраняемых в браузере, по три одновременно. 16-битный монитор может отображать 65 536 цветов, а 24-битный — 16,7 млн ​​цветов.

Цвета могут быть указаны для страницы, таблицы

и фона ячейки данных таблицы
, а также для текста . Выбор цвета облегчается, когда вы видите цвета рядом. На следующей странице в рамке представлена ​​фиксированная палитра из 12 наборов цветов в 3 столбцах , а рядом с каждой из них прокручиваемая полная палитра из 216 цветов (группы цветов в фиксированных палитрах отмечены справа). : Нажав на верхнюю цветную плитку в любой фиксированной колонке, вы вернетесь на эту страницу. Если фиксированные участки выходят за пределы видимой части вашего монитора, поместите курсор в нёбо и выберите «уменьшить шрифт» в меню вашего браузера; это уменьшит размер цветных плиток.



второй цвет

     
00
33
66
99
СС
ФФ

     
f
i
r
s
t

c
o
l
o
r

00
000000
003300
006600
009900
00CC00
00FF00
00
t
h
i
r
d

c
o
l
o
r

00
000033
003333
006633
009933
00CC33
00FF33
33
00
000066
003366
006666
009966
00CC66
00FF66
66
00
000099
003399
006699
009999
00CC99
00FF99
99
00
0000CC
0033CC
0066CC
0099CC
00CCCC
00FFCC
СС
00
0000FF
0033FF
0066FF
0099FF
00CCFF
00FFFF
ФФ


второй цвет



00
33
66
99
СС
ФФ


ф
и
г
с
т

c
o
л
o
r

33
330000
333300
336600
339900
33CC00
33FF00
00
t
h
i
r
d

c
o
l
o
r

33
330033
333333
336633
339933
33CC33
33FF33
33
33
330055
333366
336666
339966
33CC66
33FF66
66
33
330099
333399
336699
339999
33CC99
33FF99
99
33
3300CC
3333CC
3366CC
3399CC
33CCCC
33FFCC
СС
33
3300FF
3333FF
3366FF
3399ФФ
33CCFF
33FFFF
ФФ


второй цвет



00
33
66
99
СС
ФФ


f
i
r
s
t

c
o
l
o
r

66
660000
663300
666600
669900
66CC00
66FF00
00
t
h
i
r
d

c
o
l
o
r

66
660033
663333
666633
669933
66CC33
66FF33
33
66
660066
663366
666666
669966
66CC66
66FF66
66
66
660099
663399
666699
669999
66CC99
66FF99
99
66
6600CC
6633CC
6666CC
6699CC
66CCCC
66FFCC
СС
66
6600FF
6633FF
6666FF
6699FF
66CCFF
66FFFF
ФФ


второй цвет



00
33
66
99
СС
ФФ


f
i
r
s
t

c
o
l
o
r

99
9

9
996600
999900
99CC00
99FF00
00
t
h
i
r
d

c
o
l
o
r

99
9

996633
999933
99CC33
99FF33
33
99
9

996666
999966
99CC66
99FF66
66
99
9

996699
999999
99CC99
99FF99
99
99
9900CC
9933CC
9966CC
9999CC
99CCCC
99FFCC
СС
99
9900FF
9933FF
9966FF
9999FF
99CCFF
99FFFF
ФФ


второй цвет



00
33
66
99
СС
ФФ


f
i
r
s
t

c
o
l
o
r

СС
CC0000
СС3300
CC6600
CC9900
CCCC00
CCFF00
00
t
h
i
r
d

c
o
l
o
r

СС
CC0033
СС3333
CC6633
CC9933
CCCC33
CCFF33
33
СС
CC0066
CC3366
CC6666
CC9966
CCCC66
CCFF66
66
СС
CC0099
CC3399
CC6699
CC9999
CCCC99
CCFF99
99
СС
CC00CC
CC33CC
CC66CC
CC99CC
CCCCCC
CCFFCC
СС
СС
CC00FF
CC33FF
CC66FF
CC99FF
CCCCFF
CCFFFF
ФФ


второй цвет



00
33
66
99
СС
ФФ


ф
i
r
s
t

c
o
l
o
r

ФФ
FF0000
FF3300
FF6600
FF9900
FFCC00
FFFF00
00
t
h
i
r
d

c
o
l
o
r

ТФ
FF0033
FF3333
FF6633
FF9933
FFCC33
FFFF33
33
ТФ
FF0066
FF3366
FF6666
FF9966
FFCC66
FFFF66
66
ТФ
FF0099
FF3399
FF6699
FF9999
FFCC99
FFFF99
99
ТФ
FF00CC
FF33CC
FF66CC
FF99CC
FFCCCC
FFFFCC
СС
ТФ
FF00FF
FF33FF
FF66FF
FF99FF
FFCCFF
FFFFFF
ФФ
 
Вернуться к HTML: создание веб-страницы

Библиография :
  • Кастро, Элизабет. 1998. HTML для всемирной паутины. Пичпит Пресс, Беркли. 336 стр.
  • Уильямс, Робин и Джон Толлетт. 1998. Веб-книга для недизайнеров. Пичпит Пресс, Беркли. 288 стр.

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

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

Системная палитра Windows резервирует для своего использования 20 цветов, а Netscape резервирует для своего использования 13 дополнительных цветов.

Поскольку эти цвета зарезервированы для других целей, ваша система создает цвета, которые она не может использовать, путем сглаживания. Чтобы решить эту проблему, была создана палитра 6 x 6 x 6 с 216 цветами, общими для платформ.

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

Два веб-сайта, которые создали палитру из 216 цветов в форме образца для использования в PhotoShop. Их можно загрузить по адресу: http://webreference.com/dev/graphics/palette.html или http://www.homepage.co.uk/webcolour/.

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

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

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

RGB
153, 0, 51
HEX
9

RGB
153, 0, 102
HEX
9

RGB
153, 0, 153
HEX
9

RGB
153, 0, 204
HEX
9900CC
RGB
153, 0, 255
HEX
9900FF
RGB
153, 51, 0
HEX
9
RGB
153, 51, 51
Шестигранник
9
RGB
153, 51, 102
HEX
9
RGB
153, 51, 153
HEX
9
RGB
153, 51, 204
HEX
9933CC
RGB
153, 51, 255
HEX
9933FF
RGB
151, 102, 0
HEX
996600
RGB
153, 102, 51
HEX
996633
RGB
153, 102, 102
HEX
996666
RGB
153, 102, 153
Шестигранник
996699
RGB
153, 102, 204
HEX
9966CC
RGB
153, 102, 255
HEX
9966FF
RGB
153, 153, 0
HEX
999900
RGB
153, 153, 51
HEX
999933
RGB
153, 153, 102
HEX
999966
RGB
153, 153, 153
HEX
999999
RGB
53, 153, 204
HEX
9999CC
RGB
153,153, 255
HEX
9999FF
RGB
153, 204, 0
HEX
99CC00
RGB
153, 204, 51
HEX
99CC33
RGB
153, 204, 102
HEX
99CC66
RGB
153, 204, 153
HEX
99CC99
​​RGB
153, 204, 204
HEX
99CCCC
RGB
153, 204, 255
HEX
99CCFF
RGB
153, 255, 0
HEX
99FF00
RGB
153, 255, 51
HEX
99FF33
RGB
153, 255, 102
HEX
99FF66
RGB
153, 255, 153
HEX
99FF99
RGB
153, 255, 206
HEX
99FFCC
RGB
155, 255, 255
HEX
99FFFF
RGB
204, 0, 0
HEX
CC00090 91
RGB
204, 0, 51
HEX
CC0033
RGB
204, 0, 102
HEX
CC0066
RGB
204, 0, 153
HEX
CC0099
RGB
HEX
CC00CC
RGB
204, 0, 255
HEX
CC00FF
RGB
204, 51, 0
HEX
CC3300
RGB
204, 51, 102
HEX
CC3333
RGB
204, 51, 152
HEX
CC3366
RGB
204, 51, 153
HEX
CC3399
RGB
204, 51, 204
HEX
CC33CC
RGB
204, 51, 255
HEX
CC33FF
RGB
204, 102, 0
HEX
CC6600
RGB
204, 102, 51
HEX
CC6633
RGB
204, 102, 102
HEX
CC6666
RGB
204, 102, 153
HEX
CC6699
RGB
204, 102, 204
HEX
CC66CC
RGB
204, 102, 255
HEX
CC66FF
RGB
204, 153, 0
HEX
CC9900
RGB
204, 153, 51
HEX
CC9933
RGB
204, 153, 102
HEX
CC9966
RGB
204, 153, 153
HEX
CC9999
RGB
204,153, 204
HEX
CC99CC
RGB
204, 153, 255
HEX
CC99FF
RGB
204, 204, 0
HEX
CCCC00
RGB
204, 204, 51
HEX
CCCC33
RGB
204, 204, 102
HEX
CCCC66
RGB
204, 204, 153
HEX
CCCC99
RGB
204, 204, 204
HEX
CCCCCC
RGB
204, 204, 255
HEX
CCCCFF
RGB
204, 255, 0
HEX
CCFF00
RGB
204, 255, 51
HEX
CCFF33
RGB
204, 255, 102
HEX
CCFF66
RGB
204, 255, 153
HEX
CCFF99
RGB
204, 255, 204
HEX
CCFFCC
RGB
204, 255, 255
HEX
CCFFFF
RGB
255, 0, 0
HEX
FF00090

90

RGB
255, 0, 51
HEX
FF0033
RGB
255, 0, 102
HEX
FF0066
RGB
255, 0, 153
HEX
FF0099
RGB
255, 0, 204
HEX
FF00CC
RGB
255, 0, 255
HEX
FF00FF
RGB
255, 51, 0
ШЕСТИГР.
FF3300
RGB
255, 51, 51
HEX
FF3333
RGB
255, 51, 102
HEX
FF3366
RGB
255, 51, 153
HEX
FF3399
RGB
255, 51, 204
HEX
FF33CC
RGB
HEX
FF33FF
RGB
255, 102, 0
HEX
FF6600
RGB
255, 102, 51
HEX
FF6633
RGB
255, 102, 102
HEX
FF6666
RGB
255, 102, 153
HEX
FF6699
RGB
255, 102, 204
HEX
FF66CC
RGB
255, 102, 255
HEX
FF66FF
RGB
255, 153, 0
HEX
FF9900
RGB
255, 153, 51
HEX
FF9933
RGB
255, 153, 102
HEX
FF9966
RGB
255, 153, 153
HEX
FF9999
RGB
255, 153, 204
HEX
FF99CC
RGB
255, 153, 255
HEX
FF99FF
RGB
255, 204, 0
HEX
FFCC00
RGB
255, 204, 51
HEX
FFCC33
RGB
255, 204, 102
HEX
FFCC66
RGB
255, 204, 153
HEX
FFCC99
RGB
255, 204, 204
HEX
FFCCCC
255, 204, 255
HEX
FFCCFF
RGB
255, 255, 0
HEX
FFFF00
RGB
255, 255, 51
HEX
FFFF33
RGB
255, 255, 102
HEX
FFFF66
RGB
255, 255, 153
HEX
FFFF99
RGB
255, 255, 206
HEX
FFFFCC
RGB
255, 255, 255
HEX
FFFFFF

Что такое безопасные для Интернета цвета? Таблица 2022 г.

Включено Главная » Веб-разработка » Что такое безопасные для Интернета цвета? График 2022 г. Включено

25 мая 2022 г.

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

Цвет года 2023 Цветовой тренд…

Включите JavaScript

Цвет года 2023 Тенденции цвета Прогноз тенденций

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

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

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

Что такое безопасные для Интернета цвета?

Цвета, безопасные для Интернета, — это набор цветов, равномерно отображаемых без сбоев в веб-браузерах. Наиболее веб-безопасные цвета входят в «безопасную веб-палитру». Эта палитра состоит из 216 цветов, которые все основные браузеры могут без проблем отображать. Однако из этих 216 цветов только 20 являются действительно «веб-безопасными», потому что они гарантированно будут выглядеть одинаково на всех устройствах и в любых браузерах.

Pin

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

Почему важны безопасные для Интернета цвета?

  1. Веб-сайты, использующие веб-безопасные цвета, с большей вероятностью будут корректно отображаться на различных устройствах.
  2. Цвета, безопасные для Интернета, менее подвержены цветовым полосам или другим искажениям.
  3. Веб-сайты, использующие веб-безопасные цвета, более совместимы со старыми браузерами и устройствами.
  4. Веб-сайты с безопасными для Интернета цветами загружаются быстрее, поскольку нет необходимости загружать пользовательские цветовые профили.
  5. Веб-сайты, использующие веб-безопасные цвета, легче поддерживать и обновлять.
  6. Цвета, безопасные для Интернета, часто более эстетичны, чем пользовательские цвета, которые могут раздражать или противоречить общему дизайну.

Что такое веб-безопасная таблица цветов?

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

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

2022 Таблица цветов, безопасных для Интернета Предоставлено HTMLColorCodes.com:

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

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

Что такое шестнадцатеричный код цвета?

Шестнадцатеричные коды — это шестизначные коды, представляющие значения красного, зеленого и синего (RGB) цвета. Например, шестнадцатеричный код красного цвета — «FF0000». Первые две цифры («FF») представляют количество красного цвета, а последние две цифры («00») представляют количество зеленого и синего. Шестнадцатеричные коды могут быть как в верхнем, так и в нижнем регистре, но большинство людей используют нижний регистр. За каждой комбинацией букв или цифр следует знак решетки (#).

Pin

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

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

– #000000 (черный), #FFFFFF (белый), #FF0000 (красный)

– #0099CC (синий), #669900 (зеленый), #FF9900 (оранжевый)

Что такое наука о цветах?

Веб-сайты обычно кодируются так называемыми шестнадцатеричными цветовыми кодами. В цифровом мире цвета также могут быть представлены в виде значений RGB. RGB означает красный, зеленый и синий. Эти значения обычно даются в процентах от каждого цвета, от 0% до 100%. Таким образом, значение RGB (255,0,0) будет чисто красным, потому что оно содержит только красный цвет и не содержит ни зеленого, ни синего.

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

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

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

Какой цвет использовать и когда?

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

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

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

По статистике, эмоции, связанные с разными цветами, следующие:

Красный:

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

Синий:

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

Зеленый:

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

Белый:  

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

Черный:

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

Какие 10 вещей нужно учитывать при выборе цветов для веб-сайта?

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

  1. Комбинация цветов — постарайтесь создать цветовую схему, приятную для глаз и удобную для зрителя. Избегайте использования цветов, которые конфликтуют или слишком яркие.
  2. Веб-безопасные цвета — при выборе цветов для веб-сайта выбирайте веб-безопасные цвета. Это цвета, которые будут корректно отображаться во всех браузерах и на всех устройствах.
  3. Тип веб-сайта . При выборе цветов для своего веб-сайта помните, как он будет использоваться. Вы захотите использовать цвета, которые передают профессионализм и надежность, если это бизнес-сайт. Более яркие цвета могут быть более подходящими, если это сайт для веселого человека или бизнеса.
  4. Общий вид веб-сайта . Цвет вашего веб-сайта должен дополнять общий вид сайта. Если сайт чистый и минималистичный, вам следует использовать приглушенные цвета и не слишком яркие. Более яркие цвета могут лучше подойти, если сайт более игривый или молодежный.
  5. Выделение важных элементов . Используйте цвет, чтобы привлечь внимание к важным элементам вашего веб-сайта, таким как кнопки призыва к действию или ссылки.
  6. Не используйте слишком много цветов . Использование слишком большого количества цветов на вашем веб-сайте может утомлять и мешать зрителям сосредоточиться на содержании. Придерживайтесь ограниченной цветовой палитры для более чистого и сплоченного вида.
  7. Учитывайте индивидуальность вашего бренда . При выборе цветов для своего веб-сайта учитывайте цвета, связанные с вашим брендом. Использование этих цветов поможет усилить индивидуальность вашего бренда и сделать его более узнаваемым для зрителей.
  8. Use Color Psychology . Психология цвета изучает влияние цветов на наше настроение и эмоции. Определенные цвета могут вызывать определенные чувства, поэтому выбирайте цвета, которые вызывают желаемые эмоции или ощущения на вашем веб-сайте.
  9. Тестовая цветовая схема — Прежде чем завершить цветовую схему, протестируйте ее в разных браузерах и на разных устройствах. Это гарантирует, что цвета будут выглядеть одинаково на всех платформах.
  10. Получите обратную связь . Перед запуском веб-сайта узнайте мнение других о вашей цветовой схеме. Получение отзывов может помочь вам точно настроить цветовую схему и убедиться, что она понравится широкой аудитории.

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

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

1. Посетите Швецию

Комбинация цветов: черный, желтый, белый

Web-safe Цвета: 100 % черный, 100 % желтый, 100 % белый

Значок

2. The National Geographic

Комбинация цветов: зеленый, желтый , коричневый, оранжевый

Web-safe Цвета: 66 % зеленый, 100 % желтый, 100 % коричневый, 100 % оранжевыйPin

3. Apple Inc.

Комбинация цветов: серый, белый, черный

Web-safe Цвета: 33 % серый, 100 % белый, 100 % черный PIN-код

4. Coca Cola

Комбинация цветов: красный, белый

Web-safe Цвета: 100 % красный, 100 % белый Pin

5. McDonald’s

Цветовая комбинация: желтый, красный, белый, черный

Web-safe Цвета: 100 % желтый, 100 % красный, 100 % белый, 100 % черный Pin

6. Pepsi

Комбинация цветов: синий, красный, белый

Web-safe Цвета: 100 % синий, 100 % красный, 100 % белый

Pin

7.

Tumblr

Комбинация цветов: белый, черный, серый, синий

Web-safe Цвета: 100 % белый, 100 % черный, 50 % серый, 66 % синийPin

8. WordPress

Комбинация цветов: синий, серый, белый

Веб-безопасные цвета: 100 % синий, 50 % серый, 100 % белыйPin

9. ESPN

Комбинация цветов: красный, черный, серый, белый

Веб-безопасные цвета: 100 % красный, 100 % черный, 50 % серый, 100 % белый PIN-код

10. Adobe

Комбинация цветов: серый, белый, черный, зеленый, желтый

Веб-безопасные цвета: 33 % серый, 100 % белый, 100 % черный, 66 % зеленый, 100 % желтыйPin

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

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

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