Фотошоп палитра цветов: Цвета HTML. Таблица из 147 имён цветов для HTML и CSS — ColorScheme.Ru

Создаем палитру пастельных цветов в Photoshop

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

В этом уроке научимся:

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

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

1. Пастельные цвета по умолчанию

Шаг 1

Есть два способа открыть библиотеки цветов по умолчанию. Начнем с инструмента Color Picker (Пипетка) — кликаем по цвету переднего плана, а затем выбираем Color Libraries (Библиотеки цветов).

Шаг 2

Нажимаем кнопку Book (Библиотека), чтобы просмотреть все доступные библиотеки.

Шаг 3

А здесь можно увидеть все доступные по умолчанию библиотеки цветов.

Шаг 4

Основное различие между этими двумя методами заключается в том, что при открытии библиотеки цветов на панели Swatches (Образцы) все цвета автоматически добавляются в виде образцов. Если вы откроете библиотеку цветов через палитру цветов, она покажет вам цвета в правом столбце и различные варианты выбранного цвета в левом столбце.

Я могу порекомендовать следующие библиотеки, где можно найти пастельные тона:

• ANPA colors
• Pantone+ Solid Uncoated
• Pantone+ Pastel&Neons

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

2. Создаем свою собственную пастельную цветовую палитру, используя библиотеки цветов по умолчанию

Шаг 1

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

Шаг 2

Чтобы добавить новый образец, выбираем понравившейся вариант цвета, а затем нажимаем Picker (Палитра) и выбираем Add to Swatches (Добавить в образцы). Теперь у нас есть доступ к желаемому цвету на панели Swatches (Образцы).

Шаг 3

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

3. Создаем пастельную цветовую палитру с помощью инструмента Пипетка

Теперь давайте создадим цветовую палитру с пастельным градиентом, используя палитру цветов и изображение заката. Берем инструмент Color Picker (Пипетка), затем последовательно выбираем цвета и добавляем их в образцы.

Так выглядит наша цветовая схема с пастельным градиентом:

А вот еще один пример пастельных образцов, созданных с использованием цветов с другого изображения:

4. Создаем образцы в пастельной цветовой гамме с использованием Adobe Color

Шаг 1

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

Шаг 2

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

Шаг 3

Убеждаемся, что настройка Saturation (Насыщенность) каждого цвета составляет около 20-40%, а настройка Value (Яркость) — около 80-100%.

Шаг 4

Выбрав понравившиеся цвета, мы можем сохранить их в своей библиотеке Creative Cloud. Просто выбираем существующую библиотеку (или создаем новую) и нажимаем Save (Сохранить). Кроме того, вы можете найти на панели Adobe Color образцы пастельных цветов для Photoshop, которые можно бесплатно загрузить.

5. Пастельная палитра цветовых кодов

Шаг 1

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

• #f7959d
• #f8b586
• #f5f394
• #d1f6b3
• #b9cef0
• #f3b6eb

Вы можете поиграть с настройками Hue (Тон), Saturation (Насыщенность) и Brightness (Яркость), чтобы изменить внешний вид палитры.

Шаг 2

Давайте посмотрим на пастельные цветовые коды для цветового режима CMYK:

• C=1 M=38 Y=0 K=0
• C=1 M=18 Y=0 K=0
• C=25 M=8 Y=0 K=0
• C=15 M=0 Y=2 K=0
• C=2 M=4 Y=8 K=0
• C=2 M=11 Y=18 K=0

Заключение

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

Автор: Ivan Gromov

Мастер-класс смотреть онлайн: Составляем цветовую палитру по фото

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

Для начала, ЗАЧЕМ?

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

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

Да и просто цветовая раскладка придаст яркости и привлекательности фотографии 🙂

А теперь — к делу. Как сделать палитру по фото?

Часть 1. Шаблон.

Работать будем с Фотошопом (Photoshop).

Шаг первый. Создание документа.

Создаем новый документ с заданными параметрами:

Пишем название, ставим размер кадра 1024*768 — это самый правильный формат фото для Ярмарки Мастеров. Так фото не теряет в качестве и отлично смотрится. 72пикс/дюйм — вполне достаточно для поставленной задачи.

Шаг второй. Направляющие.

Выбираем меню «Просмотр — Новая направляющая». Указываем вертикальную направляющую на расстоянии 768пикс., отгораживая место для картинки от места для палитры

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

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

153 — 307 — 460 — 614пикс.

Должно получиться примерно так:

Шаг третий — заготавливаем слои.

Для создания нового слоя нажимаем Ctrl+Shift+N

Нам понадобятся такие:

1. Фон (просто белая подложка, он у нас уже есть) — на случай, если картинку надо будет подвинуть.

2. Картинка. Этот слой можно не создавать, а просто запомнить, что на этом месте должна оказаться картинка.

3. Слои по числу цветов палитры (у меня их пять).

4. Слой с логотипом (если нужен).

Обозначать цвета мы будем с помощью инструмента «Прямоугольник», настройка — фигура с заливкой (стрелочкой я показала, куда нажать) Каждый цвет располагается на своем слое и «Цепляется» за направляющие. Для этого они и нужны.

Я для наглядности сделала пять оттенков розового:

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

Настраиваем обводку под свои нужды: Положение «Внутри», режим наложения «Нормальный, цвет — белый, толщина 10пикс.

Повторяем со всеми слоями. Шаблон готов.

Сохраняем его как документ Фотошоп — .PSD. Этот шаблон пригодится и для других картинок И переходим к самому интересному — составлению палитры под конкретное изделие 🙂

Чать вторая. Создание палитры.

Выбираем картинку, для которой будет создаваться палитра. Открываем ее в Фотошопе (Файл — Открыть). Я выбрала картинку с морошково-брусничным браслетом.

У меня картинка сохранена в размере 1024*768, этот размер немного велик, весь браслет не поместится в окошко для картинки, но мы это сейчас исправим.

Нажимаем Ctrl+A, Ctrl+C, переходим на вкладку с шаблоном палитры, выбираем слой «Картинка» и нажимаем Ctrl+V.

У меня получилось так:

Чтобы подправить размер картинки нажимаем Ctrl+T, и, удерживая Shift (чтобы не перекосились пропорции), уменьшаем картинку до нужного размера и ставим на нужное место, вот так:

А теперь начинается самое интересное — подбор цветов. Для этого выбираем слой с цветом (например, слой Цвет-1), выбираем инструмент «Прямоугольник», зажимаем Alt (появляется пипетка), кликаем на цвете, который нравится, отпускаем Alt и рисуем прямоугольник на месте цвета 1. Выглядит это примерно так:

Потом переходим на слой «Цвет-2», выбираем второй оттенок и так далее.

Вот что у меня в итоге получилось:

Сохраняем в формате .JPG (JPEG) и радуемся результату 🙂 Направляющие при сохранении пропадут.

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

А теперь — два вопроса, которые у меня бы обязательно возникли:

1. Почему бы не объединить слои с цветами в один?

Потому, что инструмент «Обводка» работает по контуру слоя. И аккуратных промежутков между цветами уже не получится.

2. Почему «Прямоугольник», а не «Заливка»?

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

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

Что такое RGB в Photoshop

Понятие RGB в Photoshop

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

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

В подавляющем большинстве при работе в Photoshop используются 8-ми битовые изображения. Это означает, что на каждый цвет приходится 8 бит информации, от нуля до двоичного числа 1111111, что в десятичном счислении равно 255, а в шестнадцатиричном счислении равно числу FF. Всего в 8-ми битовых изображениях каждый пиксель содержит 24 бита цветовой информации, состоящей из трёх цветовых каналов, каждый пр 8 бит.

Интенсивность каждого из трёх основных цветов находится в диапазоне от 0 до 255 (всего 256 градаций). Например, чистый красный цвет имеет значение R=255, G=0 и B=0, жёлтый цвет — R=255, G=255 и B=0.

В основном, запись значения цвета выглядит вот так: RGB (255, 255, 0) — это жёлтый цвет.

На рисунке показан пример смешивания цветов и записи их значений:

Кроме этого, значения цветов записываются в шестнадцатиричной системе счисления. Запись жёлтого цвета будет выглядеть так: #FFFF00. Число FFFF00 не является одним сплошным числом, а состоит из трёх блоков по одному двузначному шестнадцатиричному числу, каждый из блоков показывает интенсивность цвета в порядке: красный, зеленый, синий.
Число FFFF00 показывает:
 — первый блок FF — интенсивность красного цвета, в десятичном счислении число FF равно 255.
 — второй блок FF показывает интенсивность зелёного цвета, в десятичном счислении она также равна 255
 — последний блок состоит из двух нулей, 00. Это означает, что синий цвет здесь полностью отсутствует. В десятичном счислении это значение также равно нулю.

— Дизайнер цветовых схем

Влюблен в цвета с 2002 года.

1. Приложение Paletton
2. Colorpedia
3. О компании Paletton
4. О компании Paletton

Paletton.com — это дизайнерский инструмент цвета, предназначенный для создания цветовых комбинаций, которые хорошо сочетаются друг с другом. Он использует классическую теорию цвета с древним художественным цветовым кругом RYB для создания цветовых палитр от одного до четырех оттенков, каждая из пяти различных оттенков.Можно выбрать различные стили предварительного просмотра, чтобы проверить и просмотреть цвета в комбинациях, доступно множество примеров, чтобы увидеть палитру, используемую в дизайне веб-сайта, дизайне пользовательского интерфейса или в произвольно нарисованном изображении. Предварительный просмотр ткани Tartan также доступен для тех, кто интересуется текстилем и дизайном интерьера.

Этот инструмент палитры использует различные цветовые модели для объединения смежных цветов и / или дополнительных цветов к основному оттенку. Выбирайте модели от монохромных до трехцветных или четырехцветных наборов цветов, с дополнением или без него (противоположный оттенок), наслаждайтесь даже режимом свободного стиля.Поиграйте с яркостью и насыщенностью палитры, выберите из предустановленных предустановок или создавайте случайные палитры. Уникальный фильтр моделирования зрения имитирует палитру, которую видят люди с различной слабостью зрения, дальтонизмом, различными вариантами дальтонизма (протанопия, дейтеранопия, тританопия, протаномалия, дейтераномалия, тританомалия, дисхроматопсия или ахроматопсия), а также несколько гамма-симуляций (симуляция слишком яркого дисплея или слишком темной печати), обесцвечивания, преобразования оттенков серого или веб-цветов (устаревшая 216-цветная палитра).Палитру можно экспортировать во множество различных форматов (HTML, CSS, LESS, XML, текст, изображение PNG, палитра образцов Photoshop ACO или формат палитры GIMP GPL) для раскрашивания ваших работ. Проверьте цветовой контраст всех цветовых пар, используемых в палитре, и проверьте, соответствует ли цветовой контраст требованиям WCAG. Больше информации о цветах в Colorpedia.

Paletton является преемником предыдущего приложения Color Scheme Designer 3, которым с 2009 года пользуются почти 20 миллионов посетителей (в то время как первая версия была опубликована в 2002 году), как профессиональных дизайнеров, так и любителей, интересующихся дизайном, дизайном мобильных или настольных приложений или веб-дизайном. дизайн интерьера, мода или улучшение дома и переделки.Полная история Paletton в Colorpedia.

Javascript не обнаружен. Для этого приложения требуется Javascript.

Как создать лучшую цветовую палитру для пользовательского интерфейса вашего продукта

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

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

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

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

Первые шаги

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

Для Doctoroo я придумал:

• Надежный
• Конюшня
• Профессиональный
• свежий
• Современное

Чтобы создать свой собственный список, спросите себя: нужно ли воспринимать продукт как дружественный? Надежный? Профессиональный? Передовой? Футуристический? а может быть более приземленным? Если вы застряли, подумайте, для кого разработан продукт и что вы хотите, чтобы они думали или говорили, когда они используют готовую версию.

Вторым моим шагом было придумать основной цвет — все остальное будет основано на нем.

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

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

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

Помните, что продукт будет использовать ряд методов для передачи информации и иерархии (размер, расположение / положение, шрифт, близость и т. Д.), Из которых цвет является только одним.

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

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

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

Эта диаграмма объясняет общее восприятие цветов в зависимости от их насыщенности и яркости:

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

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

Создание палитры

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

• Соседний (выберите основной цвет и выберите цвета рядом с ним)
• Триада (нарисуйте равносторонний треугольник над цветовым кругом)
• оттенков (выберите базовый цвет и несколько вариантов с разной насыщенностью)

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

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

Инструменты

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

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

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

Dribbble также хороши для вдохновения — просто выберите общий цвет и найдите подходящие палитры.

FlatUI, Material, iOS, Windows Phone, Цветовые схемы Solarized и Tango

• flat
• material
• ios
• solarized
• wp8
• tango

• #hex
• hex
сделано по trikita

+ trikita @trikita

github

бирюза

# 1abc9c

изумруд

# 2ecc71

Peter River

# 3498db

аметист

# 9b59 Wetb6

Wetb

зеленое море

# 16a085

нефрит

# 27ae60

белизская дыра

# 2980b9

глициния

# 8e44ad

темно-синий

# 2c3e50

солнечный цветок

# f1c40f

# e67e22

ализарин

# e74c3c

облака

# ecf0f1

con крит

# 95a5a6

оранжевый

# f39c12

тыква

# d35400

pomegrenade

# c0392b

silver

# bdc3c7

asbesthos

# 7f148c8d

# 7f148c8d розовый

# e91e63

фиолетовый

# 9c27b0

темно-фиолетовый

# 673ab7

индиго

# 3f51b5

синий

# 5677fc

голубой

# 03a9f4

00b14

cyanc15

# 03a9f4

голубой бирюзовый

# 009688

зеленый

# 259b24

светло-зеленый

# 8bc34a

лайм

# cddc39

желтый

# ffeb3b

янтарный

# ffc107

ff

00

# ffc107

ff

00

темно-оранжевый

# ff5722

коричневый

# 795548

серый

# 9E9E9E

синий gr ey

# 607D8B

черный

# 000000

белый

#ffffff

темно-синий

# 5856d6

темно-синий

# 007aff

синий

# 34aadc

голубой

# 5ac8fa

зеленый

# 4cd964

розовый

# ff2d55

красный

# ff3b30

оранжевый

# ff9500

желтый

# ffcc00

серый

# 8e8e 0015

base03

base02

# 073642

base01

# 586e75

base00

# 657b83

base0

# 839496

base1

# 93a1a1

base2

# eee8d5

base2

# eee8d5

base желтый

# b58900

оранжевый

# cb4b16

красный

# dc322f

пурпурный

# d33682

фиолетовый

# 6c71c4

синий

# 268bd2

голубой

# 2aa198

зеленый

# 859900

лайм

# a4c400

зеленый

# 60a917

изумруд

# 60a917

изумруд

бирюзовый

# 00aba9

голубой

# 1ba1e2

кобальт

# 0050ef

индиго

# 6a00ff

фиолетовый

# aa00ff

пурпурный

# d80073

f47 9002

# d80073

розовый

5d малиновый

# a20025

красный

# e51400

оранжевый

# fa6800

янтарный

# f0a30a

желтый

# e3c800

коричневый

# 825a2c

оливковый

# 614

сталь

# 647687

лиловый

# 76608a

сиенна

# a0522d

Алюминий

# d3d7cf

Масло

# edd400

Хамелеон

# 73d216

Апельсин

# f57900

Шоколадный

# c17d11

Небесно-голубой

# 3465a4

Слива

# 755070014 Слива

# 75507 # 555753

Алый красный

# cc0000

Генератор цветовой палитры — Colllor

Идеи цветовой палитры

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

Красный

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

желтый

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

оранжевый

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

Синий

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