Цвет фона

RGBA

Формат RGBA похож по синтаксису на RGB, но включает в себя альфа-канал, определяющий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.


В примере 1 показано изменение цвета фона и текста.

Пример 1. Цвет фона

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>Фон</title> <style> body { background-color: #fff1e4; /* Цвет фона веб-страницы */ color: #333; /* Цвет текста веб-страницы */ } h1 { color: rgb(231, 104, 93); /* Цвет текста заголовка */ } </style> </head> <body> <h1>Устойчивость</h1> <p>Устойчивость по Ляпунову колебательно переворачивает устойчивый прибор.</p> </body> </html>

Результат данного примера показан на рис. 1.

Рис. 1. Цветной фон

Синий (основной цвет)

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

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

Примеры:

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

Благодаря темно-синему цвету (особенно в сочетании с белым фоном) сайт выглядит профессионально. Светло-голубые акценты делают его более интересным.

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

Светлый, приглушенный голубой придает сайту ощущение расслабленности и спокойствия.

Элементы декора

На вишневые стены подвешивают:

  • ажурные полки из металла, светлого или окрашенного дерева;
  • зеркала, крупные фотографии или картинки на светлом фоне в необычных рамках.

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

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

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


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

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

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

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

Белый

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

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

Примеры:

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

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

Белый в сочетании с серым придает дизайну мягкости и чистоты.

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

Сочетание цветов в одежде. Зеленый

Бильярдный цвет или цвет полыни.

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

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

Бирюзово зеленый цвет.

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

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

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

Цвет «Атлантида» или бирюзово-зеленый цвет.

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


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

Цвет весенней зелени

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

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

Использованы материалы с сайта — www.julia-bannykh.livejournal.com/39866.html

Зеленый (второстепенный цвет)

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

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

Примеры:

Ярко-зеленый хедер сайта в сочетании с листочком создают очень естественное и живое впечатление.

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

Яркие “ретро” оттенки зеленого создают очень свежий и энергичный облик.

Еще один оливковый сайт с духом природы.

Полупрозрачный фон

Формат RGBA позволяет задать цвет фона элемента полупрозрачным, тогда сквозь него будет проступать фон веб-страницы. Более заметно и эффектно это выглядит, когда у нас имеется фоновая картинка или узор, а не однотонный цвет. Тогда сквозь фон будет проступать рисунок, но при этом сохранится читаемость текста (рис. 2).

Рис. 2. Полупрозрачный фон

В примере 2 показано использование формата RGBA для создания такого фона.

Пример 2. Формат RGBA

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>Фон</title> <style> body { background: url(/example/image/aquaria.jpg); /* Фоновая картинка */ background-size: cover; /* Растягиваем фон */ } .block { background: rgba(0,0,0,0.6); /* Полупрозрачный фон */ color: #fff; /* Цвет текста */ padding: 20px; /* Поля вокруг текста */ } </style> </head> <body> <div class=»block»> <h1>Подводный мир</h1> <p>В глубинах морей и океанов, существует свой, не сравнимый ни с чем , удивительный, и не похожий на тот, что окружает нас с вами подводный мир.</p> </div> </body> </html>

Кремовый и цвет слоновой кости

Кремовый цвет и цвет слоновой кости — достаточно утонченные цвета: в них есть чуть-чуть теплоты коричневого и много прохлады белого. Эти цвета обычно приглушенные, навевают мысли о прошлом. Цвет слоновой кости — очень спокойный; он теплее белого, но также несет ощущение чистоты.

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


Примеры:

Фон цвета слоновой кости создает теплоту, которая уравновешивается множеством холодных элементов на странице.

Натуральные коричневые цвета элементов страницы делают серо-кремовый фон теплее.

Если бы не кремовый фон, этому сайту не доставало бы элегантности.

Кремовый фон усиливает тему старины, которая создается за счет элементов графики.

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

Вкратце

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

Серый

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

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

Примеры:

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

Типографика делает этот сайт современным, а светло-серый фон усиливает этот эффект.

Холодный серый цвет делает этот сайт утонченным и современным.

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

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

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

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, А, В, С, D, E, F. Числа от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решётки #, например #666999. Каждый из трёх цветов — красный, зелёный и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зелёную, а два последних — синюю. Допускается использовать сокращённую форму вида #rgb, где каждый символ следует удваивать. Так, запись #fc0 следует расценивать как #ffcc00. Регистр в данном случае значения не имеет, поэтому текст можно набирать как прописными, так и строчными символами.

Черный

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

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

Примеры:

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

В сочетании с ледяным голубым цветом, черный выглядит холоднее.

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

Черные акценты здесь привносят утонченность и современность.

Сильные черные акценты делают дизайн сайта утонченным.


С этим читают