титульная страница > Часто используемые цвета на веб-страницах

Часто используемые цвета на веб-страницах

Name: Часто используемые цвета на веб-страницах
Author: 录屏网

Соответствие цветов здравому смыслу:
1. Для выражения цветов на веб-страницах используются три цвета: красный (R), зеленый (G), синий (B) и так называемый цвет RGB. Он включает в себя все цвета, воспринимаемые человеком. веб-страницы Как показано ниже (красный в качестве примера) Формат RGB: красный — (255,0,0) или шестнадцатеричный шестнадцатеричный формат — (FF0000).
2. Нажмите цвет «Красный».->желтый->зеленый->синий->«Красный» можно последовательно переходить по градиенту для получения 12 цветных колец: красного, оранжево-красного, оранжевого, оранжево-желтого, желтого, желто-зеленого, зеленого, сине-зеленого, синего, сине-фиолетового, фиолетового, фиолетово-красного. .
3. Цвета делятся на две категории: ахроматические и хроматические. Ахроматические цвета относятся к черному, белому и серому системным цветам. Цвет относится ко всем цветам, кроме ахроматических. Обычно текст контента имеет ахроматический цвет (черный), рамки, фон и изображения — цветные. Поэтому, даже если страница богатая, ее содержимое все равно не будет бросаться в глаза. Обычно контраст между фоном и контентом велик.

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

красный

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

#FFFFCC

#CCFFFF

#FFCCCC

#99CCCC

#FFCC99

#FFCCCC

#FF9999

#996699

#FFCCCC

#CC9999

#FFFFCC

#CCCC99

#FFCCCC

#FFFF99

#CCCCFF

#0099CC

#CCCCCC

#FF6666

#FF9966

#FF6666

#FFCCCC

#CC9966

#666666

#CC9999

#FF6666

#FFFF66

#99CC66

#CC3333

#CCCCCC

#003366

#993333

#CCCC00

#663366

#CCCC99

#666666

#CC9999

#FF6666

#FFFF00

#0066CC

#CC0033

#333333

#CCCC00

#336633

#990033

#FFCC99

#993333

#CC9966

#003300

#FF0033

#333399

#CCCC00

#CC0033

#000000

#003399

#000000

#99CC00

#CC0033

#999933

#993333

#333300

оранжевый цвет

Это еще и захватывающий цвет, с легкими, радостными, теплыми, теплыми и модными эффектами.

#FFCC99

#FFFF99

#99CC99

#FFCC99

#CCFF99

#CCCCCC

#FFCC99

#FFFFCC

#99CCFF

#FF9966

#FFFFCC

#99CC99

#FF9900

#FFFFCC

#336699

#CCCC33

#FFFF99

#CC9933

#996600

#FFCC33

#FFFFCC

#CC9933

#336666

#FF9900

#FFFF00

#0099CC

#99CC33

#FF9900

#FFCC00

#FF9933

#99CC33

#CC6699

#FF9933

#FFFF00

#3366CC

#FF9933

#FFFFCC

#009966

#FF6600

#FFFF66

#009966

#990033

#CCFF66

#FF9900

#FF9966

#996600

#CCCC00

#CC6600

#999999

#CCCC33

#CC6600

#CCCC33

#336699

#000000

#FF9933

#999966

#663300

#FF9933

#FFFF66

желтый

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

#FFFFCC

#CCFFFF

#FFCCCC

#FFFF00

#FFFFFF

#CCCC00

#99CCFF

#FFCC33

#FFFFCC

#FFFF33

#99CCFF

#CCCCCC

#FFFF00

#FFFFFF

#9933FF

#99CCFF

#FFCC33

#FFFF33

#FFCC00

#66CC00

#FFFF99

#FF9900

#FFFF00

#0099CC

#FFCC00

#0000CC

#FFFF99

#CC9999

#FFFFCC

#6666CC

#999933

#FFFFCC

#CC99CC

#CCCC00

#666600

#FFFF66

#FF9966

#FFFFCC

#99CC99

#FFCC33

#FFFFCC

#999966

#FFCC99

#FF6666

#FFFF66

#FFCC99

#999966

#FFFF00

#FFFF99

#99CC99

#666600

#999966

#FFFF99

#333333

#006633

#333300

#CCCC99

#006633

#663300

#CCCC66

желто-зеленый

#33CC33

#6666CC

#FFFFFF

#CCCC33

#FFFFFF

#CCFFCC

#FFCC99

#CCFF99

#CCCCCC

#CCCC00

#999966

#FFFFCC

#CCCC33

#FFFFFF

#336699

#CCCC33

#999999

#CCFFFF

#00CC00

#0066CC

#99CCCC

#99CC33

#FF9900

#FFCC00

#99CC33

#CCCCFF

#663300

#CCCC33

#993399

#000000

#CC6600

#999999

#CCCC33

#CC9933

#FFFF99

#99CC99

#669933

#CCCC33

#663300

#99CC33

#CCCCCC

#000000

#CC6600

#CCCC33

#336699

#666600

#CCCC66

#CCFFCC

#333366

#99CC33

#336699

#666666

#99CC33

#003366

#003333

#99CC33

#999999

#996633

#FFFF99

#99CC66

зеленый

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

#009966

#FFFFFF

#FFFF00

#339933

#FFFFFF

#9933CC

#339933

#FFFFFF

#000000

#339933

#99CC00

#FFFFCC

#CCCC66

#336666

#99CC33

#FFFF66

#336600

#339933

#CC9900

#666666

#339966

#CCCCCC

#003366

#669933

#CCCCCC

#000000

#339933

#CCCCCC

#6699CC

#006633

#CCCC33

#CC9933

#339933

#666633

#CCCC66

#339933

#FFCC33

#336699

#006633

#669933

#99CC99

#336666

#996633

#CCCC33

#003300

#669933

#CCCC99

#006633

#990033

#FF9900

#006633

#333300

#CCCC99

#006633

#663300

#CCCC66

#993333

#CC9966

#003300

зеленый

#CCFF99

#FFFFFF

#66CCCC

#339999

#FFFFFF

#99CCFF

#66CC99

#FFFFFF

#666699

#009999

#66CCCC

#CCFFFF

#66CCCC

#CCFF66

#FF99CC

#339999

#FFFF00

#336699

#CC9933

#339999

#FFCC33

#FFCC00

#009999

#CC3333

#669999

#CCCCCC

#CC99CC

#339999

#CCCCCC

#000000

#339999

#666699

#CCCCCC

#003333

#99CC99

#FFFFCC

#669999

#CCFFCC

#996699

#CCCC99

#669999

#999966

#CCCC99

#339999

#336666

#669999

#CCCC99

#999999

#003366

#669999

#663333

#339999

#CCCC66

#333333

#339999

#CCFFCC

#336666

#3399CC

#666666

синий

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

#FFFFCC

#CCFFFF

#FFCCCC

#99CCCC

#FFFFFF

#3399CC

#CCFFCC

#99CCCC

#FFFFCC

#CCCCFF

#FFFFFF

#99CCFF

#FFCC99

#FFFFCC

#99CCFF

#336699

#FFFFFF

#99CCCC

#FFFFFF

#CCFF99

#CCCCFF

#FFFFCC

#CCFFFF

#99CCCC

#FFFFFF

#336699

#99CCFF

#CCFFFF

#6699CC

#99CC33

#FFFFFF

#3399CC

#0099CC

#FFFFCC

#666699

#CCCCCC

#003366

#99CCFF

#0099CC

#FFFFFF

#666666

#CCCCCC

#6699CC

#666666

#336699

#CCCC99

#003366

#3399CC

#003366

#CCCCCC

#6699CC

#006699

#000000

#003366

#CCCCCC

#006699

#999933

#336699

#333333

синий фиолетовый

#CCFFFF

#FFFFFF

#CCCCFF

#CCCCCC

#FFFFFF

#666699

#99CCFF

#FFFFFF

#333399

#6666CC

#FFFFFF

#FF9999

#9999FF

#FFCC33

#FFFFCC

#0099CC

#FFFFCC

#666699

#0000FF

#6699FF

#CCFFFF

#6666FF

#66CCFF

#CCFF66

#669999

#FFFFCC

#6666CC

#9999CC

#FF9999

#666699

#003399

#FFCCCC

#6699CC

#CC6666

#333399

#CCCC00

#000066

#6666FF

#CCCCCC

#003399

#CCFF99

#333333

#333366

#CC0033

#CCCCCC

#336699

#CCCC66

#333300

#003399

#FFFF99

#000000

#990066

#CCCC33

#003399

#CC3333

#000000

#003399

#333366

#999966

#333333

Фиолетовый

#FFFFCC

#FFFF99

#CCCCFF

#9999CC

#99CC99

#FFFFFF

#FFCCCC

#CCCCFF

#CCCC99

#9999CC

#FFFFCC

#FFCCCC

#FF99CC

#CCCCFF

#660066

#FFFFFF

#663333

#CCCC99

#333333

#9966CC

#CCCC00

#FF9966

#663399

#996699

#FFCCCC

#CC99CC

#996666

#CC99CC

#FFCCCC

#FFCC99

#FF9933

#663366

#333399

#CCCCFF

#CC99CC

#663366

#CCCCCC

#CC99CC

#996699

#9999CC

#CCCCFF

#CC9966

#999999

#663366

#330033

#666666

#669999

#CCCCCC

#999999

#663366

#FF33CC

#CCCC99

#663366

#999999

#CCCCFF

#999966

#993333

#330033

Фиолетовый красный

#FFCCCC

#FFFFFF

#99CC00

#FF99CC

#FFFFFF

#993366

#66CC99

#FFFFFF

#CC6699

#CC9999

#FFCCCC

#CC99CC

#FFCCCC

#FFFF99

#CCCCFF

#FFFF99

#993399

#FF99CC

#66CCCC

#CCFF66

#FF99CC

#003399

#CCCC00

#FFCCCC

#FF99CC

#CCCCFF

#FF9999

#FFCCCC

#FF99CC

#669966

#CC6699

#FFCCFF

#CCCCCC

#CC99CC

#CC3399

#FFCC99

#FF6666

#FF3399

#CCCC99

#663366

#FFFFCC

#FFCCCC

#663366

#CCCCCC

#CC99CC

#990066

#FFCC00

#CC0033

#990066

#CCCCCC

#006699

#999900

#990033

#000000

#990066

#000000

#009966

Классификация по комбинации показов

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

мягкий, яркий, нежный

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

#FFFFCC

#CCFFFF

#FFCCCC

#FFFF99

#CCCCFF

#FF9966

#FF6666

#FFCCCC

#FFCC99

#CCFF99

#CCCCCC

#FFCCCC

#CCCCFF

#CCFFCC

#CCFFFF

#CCCCCC

#CCFF99

#FFCCCC

#FFFFFF

#99CC99

#99CCCC

#FFCC99

#FFCCCC

#CCCCFF

#FFCCCC

#CCFFFF

#FFCC99

#FFFFCC

#99CCCC

Мягкий, чистый и освежающий

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

#CCFF99

#FFFFFF

#99CCFF

#99CCCC

#FFFFFF

#CCFF99

#CCFFCC

#FFFFFF

#66CCCC

#CCCCFF

#FFFFFF

#99CCCC

#CCFFCC

#99CCCC

#FFFFCC

#CCFFFF

#FFFFFF

#CCCCFF

#CCFFFF

#FFFFFF

#99CCFF

#66CCFF

#FFFFFF

#CCFFFF

#6699CC

#FFFFFF

#99CCFF

#CCCCFF

#FFFFFF

#99CCFF

милый, веселый, интересный

Характеристики подбора цветов для создания впечатления милого, счастливого и интересного — это равномерное распределение оттенков, сочетание теплых и холодных цветов, высокая насыщенность и высокое цветовое разрешение.

#66CCCC

#CCFF66

#FF99CC

#FF9999

#FFFFFF

#FFCC99

#FF6666

#FFFF66

#99CC66

#666699

#FFFFFF

#FF9999

#99CC33

#FF9900

#FFCC00

#FF0033

#FFFFFF

#FF9966

#FF9900

#CCFF00

#CC3399

#99CC33

#FFFFFF

#FF6600

#993366

#CCCC33

#666633

#66CCCC

#FFFFFF

#666699

Живо, весело, интересно

Живой, веселый и интересный. По сравнению с предыдущим впечатлением, выбор цветов шире. Самое важное изменение — замена чистого белого цвета ненасыщенными цветами или серыми.

#CC9999

#FFFF99

#666699

#FF9900

#FFFF00

#0099CC

#CCCC99

#CC3399

#99CC00

#FF6666

#FFFF00

#3399CC

#CC6600

#999999

#CCCC33

#FF9933

#FFFFCC

#009933

#0099CC

#CCCCCC

#FF6666

#FF6600

#FFFF66

#009966

#CC6633

#FFCC99

#CC6600

#CC0066

#009999

#FFCC33

Спортивный и энергичный

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

#FF6666

#FFFF00

#006699

#FF9966

#FFFFFF

#0066CC

#339933

#FFCC33

#336699

#FF9900

#FFFFCC

#336699

#CC6600

#CCCC44

#336699

#99CC33

#FFFFFF

#0099CC

#99CC33

#FF6666

#336699

#FFFFFF

#99CCCC

#FF0033

#333399

#CCCC00

#33CC99

#FFFF00

#336699

Бодрый, красивый и динамичный

Великолепное впечатление требует, чтобы страница была насыщена цветами и имела высокую насыщенность, а соответствующее ослабление яркости может усилить это впечатление.

#990066

#FFCC00

#CC0033

#FFCC33

#333399

#FF0033

#666699

#FFFF00

#FF0033

#006699

#FFFF33

#FFCC00

#009999

#CC3366

#FF0033

#CCCC00

#006699

#CCCC00

#FF9933

#663399

#FF9933

#FFFF00

#336699

#CC3333

#FFCCCC

#99CC00

#003399

#FFFF00

#FF6600

Дикий, энергичный, динамичный

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

#990066

#FFFF00

#003399

#CC0033

#000000

#003399

#FFFF00

#F00000

#CC3333

#CCCCCC

#003366

#CC0033

#333333

#CCCC00

#000000

#99CC00

#CC0033

#FF0033

#333333

#FF9900

#990066

#000000

#009966

#666666

#FF6600

#333333

#993333

#CCCC00

#663366

Шикарный, нарядный, женственный

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

#FFFF99

#993399

#FF99CC

#FF6666

#FFFFFF

#339999

#FF99CC

#003399

#CCFF00

#66CC99

#FFFFFF

#CC6699

#CC3399

#FFCC99

#FF6666

#FFCCCC

#FFFFFF

#993366

#CC6699

#FFFF00

#666699

#CC6699

#99CC66

#663366

#FF33CC

#CCCC99

#663366

#CC3399

#FFCC99

#FF6666

Послевкусие, женственность, элегантность

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

#CCCCCC

#CC99CC

#CC3399

#FFCCCC

#FF99CC

#CCCCFF

#CC3399

#9933CC

#CC99CC

#9999CC

#FFFFCC

#FFCCCC

#663366

#CCCCCC

#CC99CC

#FF9999

#FFCCCC

#FF99CC

#996666

#CC99CC

#FFCCCC

#CC9999

#CCCCCC

#FFCCCC

#FF9999

#996699

#FFCCCC

#996699

#FFCCCC

#CC99CC

Благородный, естественный и стабильный

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

#CCCC33

#FFFF99

#CC9933

#CC9966

#CCCC66

#669999

#FF9966

#996600

#CCCC00

#CCCC66

#660033

#CC6600

#CCCC00

#666600

#CCCCFF

#CC9933

#009999

#FFCC33

#999966

#CCCC99

#339999

#99CC99

#669933

#336633

#666633

#999933

#CC9966

#660000

#CC9900

#CCCC99

Спокойный и естественный

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

#FFFF99

#99CC99

#666600

#996633

#FFFF99

#99CC66

#006600

#66CC66

#CCFF99

#666600

#CCCC66

#CCFFCC

#669933

#CCCC33

#663300

#666633

#999933

#CC9966

#003300

#669933

#CCCC99

#006633

#663300

#CCCC66

#666600

#FFFFCC

#999999

#006633

#333300

#CCCC99

Традиционный, элегантный и элегантный

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

#999933

#FFFFCC

#CC99CC

#CC9966

#666666

#CC9999

#CCCC99

#333333

#9966CC

#CCCC99

#666666

#CC9999

#996699

#CCCC99

#669999

#CC9966

#999999

#666666

#339966

#CCCCCC

#996699

#663366

#999999

#CCCCFF

#996699

#9999CC

#CCCCFF

#CCCC99

#999999

#663300

Традиционный, устойчивый, классический

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

#6699CC

#663366

#CCCC99

#990033

#CCFF66

#FF9900

#666699

#660033

#99CC99

#663300

#FF9933

#FFFF66

#990033

#006633

#CCCC00

#660033

#999933

#660099

#993366

#CCCC33

#666633

#996600

#CCCC66

#666600

#009933

#CC9900

#666666

#666633

#CCCC33

#CC3366

Лояльный, стабильный и со вкусом

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

#FFFFCC

#CC9933

#336666

#996633

#CCCC33

#336633

#990033

#FFCC99

#333366

#669999

#996600

#993333

#CC9966

#003300

#336633

#CCCC99

#333366

#663300

#999933

#333333

#663366

#666666

#333366

#999900

#990033

#CC99CC

#333366

#990033

#CCCCCC

Простой, чистый, прогрессивный

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

#CCCCCC

#FFFFFF

#666699

#CCFF66

#FFFFFF

#003366

#99CCFF

#FFFFFF

#336699

#CCCC33

#FFFFFF

#336699

#0099FF

#FFFFCC

#666699

#99CC33

#CCCCCC

#000000

#CCCCCC

#003366

#99CCFF

#0099CC

#CCFF66

#666666

#3399CC

#003366

#CCCCCC

#ABCDEF

Просто, модно и элегантно

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

#99CCFF

#FFFF66

#666666

#336666

#FFFFFF

#999999

#0099CC

#FFFFFF

#666666

#999999

#CCCCCC

#336666

#CCCCCC

#999999

#663366

#666666

#CCCCCC

#6699CC

#999999

#FFFFFF

#333366

#669999

#CCCCCC

#666666

#999999

#CCCCCC

#333333

#ABCDEF

Просто, прогрессивно и модно

Цвета, выражающие прогресс, в основном синий в сочетании с серым. Яркость цветов единая, оттенки смежные, цвета кажутся простыми.

#333366

#99CC33

#336699

#999999

#003366

#669999

#003399

#CCFF99

#333333

#999933

#336699

#333333

#666666

#99CC33

#003366

#999999

#336699

#333333

#3366CC

#CCCC66

#333300

#6699CC

#006699

#000000

#003366

#CCCCCC

#006699

#000000

#999999

#003366

√ 已复制