PANTONE объявляет цвет 2022 года

Pantone, мировой авторитет в области цвета и поставщик профессиональных цветовых стандартов и цифровых решений для дизайнерского сообщества, сегодня объявил PANTONE® 17-3938 Very Peri (барвинок) цветом Pantone® на 2022 год.

Цвет PANTONE® 17-3938 Very Peri – сочетающий в себе качества синего, но в то же время несущий в себе фиолетово-красный оттенок, демонстрирует жизнелюбивое, радостное настроение и динамичное присутствие, которое поощряет смелое творчество и самовыражение.

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

Цветовые координаты и ближайшие аналоги в других системах

С уважением,

Мария Шаповалова

Руководитель отдела маркетинга

ООО «Эзапринт»

Тел. : +7 (495) 988-17-75 (доб. 137), 8-800-200-52-08

Адрес: г.Москва, ул.Осташковская, д.22

e-mail: [email protected]

http: www.esaprint.ru Оборудование, материалы и технологии трафаретной печати

http: www.esadigital.ru Оборудование и материалы для цифровой печати.

Вернуться к списку

Модные цветовые тренды. Отчет Лондонской недели моды.

Опубликованный Институтом цвета Pantone (отдел прогнозирования и консалтинга) сезонный отчет для индустрии моды включает в себя 10 топовых (ярких) цветов, а также современный взгляд на 5 классических оттенков, которые мы ожидаем увидеть на подиумах Лондона – те цвета, которые дизайнеры включат в свои новые коллекции одежды весна/лето 2021.

ПЕРЕОСМЫСЛЕНИЕ: УБЕГАЯ В РАДОСТЬ ЦВЕТА

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

«Диапазон цветочных оттенков, ассоциирующихся с весенними садами, пробуждает наш дух, оживляя наш интерес к цвету, внушая чувство столь необходимого нам оптимизма. Гибкие цвета, подходящие для круглогодичного использования; цвета, сочетающие в себе наше стремление к комфорту и расслабленности с энергией и решимостью», – сказал исполнительный директор Института цвета Pantone.

 Палитра цветов весна/лето 2021. Лондон.

Палитра цветов весна/лето 2021 Лондон: цветочные оттенки, ассоциирующиеся с весенними садами, в сочетании с новой классикой, объединяют дух беззаботности с функциональностью и гибкостью.

PANTONE 14-3205
Pirouette (Пируэт)
Прозрачный розовый цвет добавляет нежности…

PANTONE 15-3716
Purple Rose (Пурпурная роза)
Мистическая пурпурная роза – само очарование

PANTONE 16-0436
Pickled Pepper (Маринованная бумага)
Садовый сорт, одновременно слегка сладкий и приятно острый

PANTONE 13-5412
Beach Glass (Пляжное стекло)
Плавно перетекающая и волнующаяся вода

PANTONE 16-4535
Blue Atoll (голубой атолл)
Голубой атолл напоминает тропический остров в море

PANTONE 18-4250
Indigo Bunting (индиго овсянка)
Яркий бриллиантовый синий, символ певчей птицы – самца индиго

PANTONE 18-1552
Lava Falls (водопад из лавы)
Горячий, расплавленный красный извергается потоком энергии

PANTONE 16-1253
Orange Ochre (оранжевая охра)
Этот землистый апельсиновый выходит за рамки сезона

PANTONE 14-1050
Marigold (Календула)
Успокаивающий золотисто-оранжевый оттенок желтого, дарящий ощущение тепла

PANTONE 13-0647
Illuminating (Освещение)
Дружелюбный, радостный, оптимистичный желтый цвет обещает солнечный день

Весна/лето 2021.

Основная классика

PANTONE 11-0202
Baby’s Breath (дыхание ребенка)
Оттенок не совсем белый, светлее воздуха

PANTONE 17-5104
Ultimate Gray (Абсолютно серый)
Безмятежный и надежный, серый Ultimate вызывает спокойствие

PANTONE 19-4105
Polar Night (Полярная ночь)
Глубокий и успокаивающий сумеречный синий

PANTONE 18-0529
Sphagnum (Торфяной мох)
Мшистый зеленый, укрывающий цветом

PANTONE 17-1221
Macchiato (Макиато)
Макиато – кофе кремового оттенка, наполненный теплом

6 методов подбора цветов для веб-дизайнеров WordPress

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

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

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

• 1
  Понимание и использование теории цвета и психологии
  • 1.1
    Психология цвета

• 2
  Глядя на примеры

• 3
  Поиск Гугл
  • 3.1
    Палитра Поиск

• 4
  Эксперименты с цветами

• 5
  Эксперименты с контрастом

• 6
  Практика подбора цветов с помощью инструментов
  • 6.1
    Цветовые палитры дизайна материалов

  • 6.2
    Палитра материалов

  • 6.3
    Пользовательский интерфейс материала

  • 6. 4
    ColorBlender

  • 6,5
    Палеттон

  • 6,6
    Adobe Color СС

  • 6.7
    Выбрать цвет из изображения

  • 6,8
    Paint.NET

  • 6,9
    канитель

  • 6.10
    Фотошоп

  • 6.11
    Эскиз

• 7
  Последние мысли

Понимание и использование теории цвета и психологии

Изображение aekikuis/shutterstock.com

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

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

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

Психология цвета

Вот краткий обзор психологии цвета, объясненный Vandelay Design:

• Черный, белый и серый – ударные. Они отлично подходят для фона. Черный предполагает силу. Белый предполагает невиновность. Черный и белый отлично работают вместе. Серый нейтрален и является хорошим выбором для традиции и спокойствия. При неправильном использовании может не хватать энергии. Все три отлично подходят для демонстрации серьезности.
• Коричневый – здоровье. Они спокойны и элегантны. Это отличный выбор для текстурированных фонов для сайтов, которые хотят показать традиции. Таны проявляют благочестие. Темно-коричневый показывает надежность. Коричневый отлично подходит для сайтов, которые хотят показать надежность и опыт.
• Синий – успокаивающий. Это отлично подходит для сайтов, которые хотят показать надежность и надежность. Темные оттенки показывают опыт и успех. Светлые оттенки дружелюбны.
• Красный – захватывающий. Ассоциируется со страстью, силой и гневом. Теплые цвета могут быть сильными и успокаивающими, и они отлично подходят для сайтов, которые хотят изобразить твердые качества кирпичной стены. Яркие цвета заряжают энергией и отлично подходят для веб-сайтов, ориентированных на молодежь.
• Розовый – юношеская женственность. Он игривый и невинный и идеально подходит для женской аудитории.
• Оранжевый – энергичный и манящий. Это хороший выбор для сайтов, которые хотят изобразить движение и энергию.
• Желтый – заряжает энергией. Он ассоциируется с теплом и счастьем. Яркие оттенки отлично подходят для детей. Более темные оттенки предполагают древность, которая ассоциируется с мудростью и является хорошим выбором для изображения авторитета и интеллекта.
• Зеленый – успокаивает и омолаживает. Темные оттенки связаны с деньгами и хороши для сайтов, которые должны изображать рост и стабильность. Более светлые оттенки ассоциируются с весной и отлично подходят для сайтов, демонстрирующих расслабленность, честность и этические нормы.
• Фиолетовый – благородный. Темно-фиолетовый подразумевает богатство и роскошь. Светлые оттенки романтичны.

Конечно, эти цвета могут иметь другое назначение или реакцию в культурах за пределами США. В конечном итоге все сводится к вашей целевой аудитории.

Рассмотрение примеров

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

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

Поиск Google

Один из лучших способов увидеть сочетания цветов — выполнить поиск в Google по запросу «сочетания цветов с», а затем указать интересующий вас цвет. Это даст вам результаты, включающие Pinterest, ColorCombos.com, Better Homes и Сады. Вы также можете выполнить поиск изображений и увидеть множество примеров комбо. Вы можете получить цвета из изображений, которые вам нравятся, с помощью инструментов сопоставления цветов, как мы увидим позже.

Палитра Поиск

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

Эксперименты с цветами

Изображение с Викисклада

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

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

Здесь пригодится A/B-тест. Вы можете донести один цвет до половины аудитории, а другой — до другой половины. Затем вы можете следить за статистикой и видеть, что работает, а что нет. A/B-тестирование будет добавлено в Divi 2.7. Это будет отличный инструмент для экспериментов.

Эксперименты с контрастом

Изображение -Albachiaraa- / Shutterstock.com

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

Практика подбора цветов с помощью инструментов

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

Цветовые палитры Material Design

Это полный набор цветовых палитр от Google, который предоставляет основные цвета с соответствующими цветами для акцентов для Android, Интернета и iOS.

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

Палитра материалов

Material Palette — это онлайн-генератор цвета, разработанный для Google Material Design. Это цветовой инструмент, который поможет вам выбрать цветовые палитры для веб-сайтов.

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

• Темный первичный
• Первичный
• Свет первичный
• Текст/значки
• Акцент
• Основной текст
• Вторичный текст
• Делитель

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

Материал УИ

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

Материал Дизайн Цвета

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

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

Плоские цвета пользовательского интерфейса

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

Социальные цвета

Social Colors от MaterialUI работает так же, как Flat UI Colors: вы выбираете интересующий вас цвет, и он копирует шестнадцатеричное или RGB-значение в буфер обмена. Цвета помечены названиями социальных сетей, в которых они используются. Макет дает вам хорошее представление о том, как цвета работают вместе.

КолорБлендер

ColorBlender позволяет создавать цветовые палитры с помощью ползунков RGB. Вы можете выбрать из готовых палитр или настроить их по своему усмотрению. Он имеет режим автоматического сопоставления, который настраивает акцентные цвета в соответствии с настройками, которые вы вносите в основной цвет. Вы можете самостоятельно менять цвета в прямом режиме. Когда вы будете довольны своими цветами, вы можете загрузить смесь для Photoshop, Illustrator или просто использовать значения HTML и RGB. Вы также можете получить его по электронной почте. Если вам нравится определенный цвет в смеси, вы можете использовать этот цвет в качестве основного, а остальные будут соответствовать ему. Это также предложит соответствие Pantone. Вы можете сохранить свои смеси и перезагрузить их позже.

Палеттон

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

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

Adobe Color CC

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

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

Выбрать цвет из изображения

Pick Color from Image & Matching PMS Colors — интересный инструмент. Вы можете загрузить логотип и получить цвет Pantone. Это также даст вам ближайший цвет PMS, чтобы вы могли видеть вариации цвета Pantone. Кроме того, вы можете выбрать цвет из цветового круга и получить наиболее близкий к нему цвет PMS. Загрузка изображения логотипа — полезный способ получить значения цвета, если у вас нет Photoshop или Illustrator. Есть несколько альтернатив предложениям Adobe, которые имеют удобную функцию пипетки.

Paint.NET

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

Гимп

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

Фотошоп

Adobe Photoshop — золотой стандарт инструментов визуального дизайна. Он работает на Windows и Mac и имеет практически все функции сопоставления и настройки цветов, которые вы можете себе представить, включая настраиваемые индексные таблицы, пипетку для выбора цветов из изображений и создания собственных палитр, образцов, цветовой панели и многого другого. Вы можете предварительно просмотреть выбранный цвет над передним планом. Вы можете выбирать цвета по RGB, hex, HSB, Lab и CMYK. Палитра цветов имеет веб-безопасную функцию, которая дает вам 216 цветов, которые будут хорошо работать в любой системе. Это самый дорогой вариант, но я не могу себе представить необходимость делать что-то, чего он не может. Фотошоп — инструмент профессионала.

Эскиз

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

Он имеет расширение Sketch Palettes, которое позволяет сохранять и загружать палитры в палитру цветов.

Последние мысли

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

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

Миниатюра статьи через karawan/shutterstock.com

лучшие генераторы цветовых схем

Здесь вы найдете простой список некоторых отличных онлайн-ресурсов о цветах и ​​их использовании в веб-дизайне.

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

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

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

Coolors.co — быстрый генератор цветовых схем

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

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

Если у вас уже есть цвет, для которого вы пытаетесь подобрать соответствие, вы можете ввести шестнадцатеричное значение и выполнить настройку для компонентов RGB, HSB, CMYK, Pantone и Copic. Вы даже можете выбрать определенный цвет из изображения или заполнить всю палитру из этого изображения. Также можно выбрать разные оттенки цвета и настроить оттенок, насыщенность, яркость и многое другое.

После выбора палитры соответствующих цветов ее можно экспортировать в формате SVG, PNG, PDF или SCSS, или вы можете просто скопировать URL-адрес или добавить его в закладки для дальнейшего использования. Мне очень нравится функция прямой ссылки, так как вам не нужно создавать профиль, чтобы использовать сайт. Однако вы можете создать профиль на сайте, а затем сохранить там все свои цветовые схемы.

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

HueSnap — извлечение цветов из фотографий

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

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

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

Инструмент Material Design Color — Доступность

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

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

Adobe Color — старый добрый инструмент, обновленный новыми функциями

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

Если вы являетесь пользователем Adobe Creative Cloud, вы также можете сохранять цветовые темы для использования непосредственно в своих проектах.

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

Colourco — Легко комбинируйте цвета

Colourco немного похож на Coolors.co, но вместо того, чтобы получать случайную палитру цветов, вы перемещаете мышь. Переместите мышь вверх для более темных цветов и вниз для более светлых, влево и вправо регулирует RGB. Можно продолжать добавлять цвета, нажимая символ +.

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

Если у вас есть палитра, которая соответствует вашим потребностям, ее легко сохранить в виде таблицы стилей SCSS, палитры PNG или URL-адреса.

Палитра

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

Вы можете экспортировать и импортировать свою палитру в формате JSON.

Статьи и теория цвета

Цвета Canva — основы

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

Цвет имеет значение — интернет-ресурс по теории цвета

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

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

Онлайн-курсы по цвету

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

Веб-дизайн в целом

Awwwards

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

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

Веб-агентство

Webkilde Webbureau — небольшое датское веб-агентство, специализирующееся на быстрых и оптимизированных веб-сайтах. Компания предлагает дизайн White Label для других веб-агентств и веб-дизайнеров.

У вас есть дизайн в Adobe XD или аналогичном, и вы хотите преобразовать его в статическую домашнюю страницу или тему WordPress? Тогда вы можете сделать это здесь. Тем не менее, вы, вероятно, также можете получить достойную работу на freelancer.com или на Fiveer.com за меньшие деньги.

Журнал Smashing

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

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

A List Apart

A List Apart существует всегда.