Как найти цвета которые идут

Милые дамы, женщины, девушки 😘

Поговорим о так называемых комплементарных цветах, т.е. о цветах, которые подходят именно Вам.

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

Существует простая и действенная методика, которая была разработана двумя американками Джоан Николсон и Джуди Льюис-Крум. Она описана в книге «Сolor Wonderful», изданной в 1986 году. К сожалению, я не нашла ее на русском языке, если кто-то видел ее на русском – дайте знать в комментариях. У меня она на английском в электронном виде. Если захотите ее купить, то ищите на Амазон

Скриншот книги
Скриншот книги

Методика работает для любых людей: европеоидной внешности, азиатской, индийской, африканской. Хотя далее, мы будем говорить именно о людях с «белой» кожей, так как именно таких среди читателей Дзен большинство.

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

На чем же основана методика?

Основана она на контрастности цвета кожи и цвета волос. Все люди подразделяются на 4-ре типа: контрастный, сияющий, нежный, благородный

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

Итак, посмотрите внимательно на свою кожу и определи к какому оттенку она больше относится:

Молочно-белая, Нежно-розовая, Айвори (цвет слоновой кости), Сливочный беж, Оливковая, Смуглая, Золотисто-коричневая.

Теперь посмотрите на свои волосы и определите, к какому оттенку они ближе:

Светлый блонд, Льняные, Светло-русые, Пшеничные, Золотисто-рыжеватые, Ярко-рыжие, Темно-русые, Пепельные, Шатен, Каштановые, Темно-коричневые, Черные.

А теперь сопоставляем и выбираем тип, к которому больше подходим

1 Тип. Нежный. У Вас светлые до пепельных или рыжие волосы (Светлый блонд, Льняные, Светло-русые, Пшеничные, Золотисто-рыжеватые, Ярко-рыжие, Темно-русые, Пепельные) и очень светлая кожа с ярко выраженным розовым оттенком (молочно-белая, нежно-розовая, айвори с розоватым оттенком)

Примеры: Патрисия Каас, Кристина Орбакайте, Аманда Сейфрид, Тильда Суинтон, Рената Литвинова, Дакота Фаннинг, Эмма Стоун, Николь Кидман, Рита Хейворт

_________________________________________________________________________________________

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

Примеры: Софи Лорен, Синди Кроуфорд, Ирина Шейк, Ольга Дроздова, Екатерина Гусева, Екатерина Климова, Меган Маркл

__________________________________________________________________________________________

3 Тип. Сияющий. У Вас светлые до пепельных или рыжие волосы (Светлый блонд, Льняные, Светло-русые, Пшеничные, Золотисто-рыжеватые, Ярко-рыжие, Темно-русые, Пепельные), но в отличие от нежного типа кожа теплого оттенка без розового (айвори беж, сливочный беж)

Примеры: Мерилин Монро, Татьяна Доронина, Шарлиз Терон, Кара Делевинь, Джиджи Хадид, Кейт Хадсон, Марсия Кросс, Вера Брежнева

__________________________________________________________________________________________

4 Тип. Контрастный. У Вас темные волосы (черные или темно-коричневые) и явно светлая кожа (молочно-белая, нежно-розовая, цвета слоновой кости) И между цветом кожи и цветом волос существует явный, безусловный контраст

Примеры: Элизабет Тейлор, Лайза Минелли, Дита фон Тиз, Лив Тайлер, Кетрин Зета Джонс, Меган Фокс, Надежда Грановских, Кендал Дженер, Тина Канделаки

Какой цвет выбрать? Фото из Яндекс картинки
Какой цвет выбрать? Фото из Яндекс картинки

Определились? Дело за малым. Читаем в следующих постах: кому какие цвета идут с примерами от звезд

Цвета для Нежного типа

Цвета для Сияющего типа

Цвета для Благородного типа

Цвета для Контрастного типа

С чего начать формирование гардероба

Приглашаю Вас подписаться на канал и поставить Нравится

Желаю Вам красоты, улыбок и долгих счастливых лет жизни

Ваша Таня Че 😘

Как подобрать цвета, которые идут именно вам: безошибочный способ

Pantone

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

Ваша уникальная палитра

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

Как подобрать цвета, которые идут именно вам: безошибочный способ

Далее вам понадобится любая программа (например, Photoshop), приложение на смартфон или онлайн-сервис, которые содержат инструмент под названием «Пипетка» — он позволяет взять образец цвета. Тут необходимо небольшое техническое пояснение: одна из ключевых цветовых моделей, которые используются сегодня для создания цветных изображений, называется RGB (Red, Green, Blue). Инструмент «Пипетка» не просто выделяет конкретный цвет, но и показывает его уникальный RGB-код.

Как подобрать цвета, которые идут именно вам: безошибочный способ

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

Далее мы будем использовать официальный и бесплатный онлайн-сервис Adobe Color CC. Суть его работы крайне проста: используя RGB-код, мы задаем основной, главный цвет, а сервис подбирает к нему подходящие цвета, исходя из выбранного правила гармонии цветов. Рассмотрим на конкретном примере: допустим, что мы взяли образец цвета волос и его RGB-код — #D1B38C. Указываем этот код в поле основного цвета (на картинке поле отмечено стрелочкой):

Как подобрать цвета, которые идут именно вам: безошибочный способ

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

Как подобрать цвета, которые идут именно вам: безошибочный способ

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

Сортируем и доводим до совершенства

Собрав все получившиеся цвета в одну палитру (вы можете делать скриншоты оттенков или сохранять их RGB-коды, а потом в Photoshop собрать их воедино), мы наверняка увидим, что в нее попало много очень схожих оттенков. Их можно смело убрать, потому что нам нужна четко детерминированная коллекция цветов, гармонирующих с вашей внешностью, и множество похожих тонов нам ни к чему.

Как подобрать цвета, которые идут именно вам: безошибочный способ

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

Как подобрать цвета, которые идут именно вам: безошибочный способ

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

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

Фото: seamwork

#подборки

  • 19 янв 2022

  • 0

Предупреждаем: некоторые из них могут увлечь посильнее тиктока на ночь!

Фото: Peter Cade / Getty Images

Полина Старцева

Всюду ищет великую красоту, работает над разумностью потребления.

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

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

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

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

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

Скриншот: сайт Coolors

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

Теги сортируют все наборы по категориям-настроениям. Можно посмотреть самые популярные палитры за месяц, год или за всё время с 2015 года.

Скачать цветовую схему можно только в формате png или забрать ссылкой. Каждый цвет обозначен в формате HEX и RGB.

Скриншот: сайт Color Hunt

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

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

Скриншот: сайт Colordot

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

Сервис существует с 2005 года и накопил 62 тысячи цветов и 17 тысяч комбинаций. Главная функция — создание цветовой схемы по загруженной фотографии.

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

Скриншот: сайт Colr.org. Использованное изображение: Wikimedia Commons

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

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

Собранные комбинации сохраняйте в формате png, sass или ссылкой. Если эти способы не подходят, то можно забрать цвета HEX-кодами.

Скриншот: сайт Toptal

Большинство сервисов выдают цвета в формате HEX-кода. Но что делать, если нужна раскладка цвета по CMYK? Для этого рекомендуем добавить в закладки проект Color-Hex. Он может конвертировать значения любых цветов в нужные форматы: например, RGB в CMYK, HEX в HSB, HSL в HEX.

Скриншот: сайт Color-Hex

Лаконичный сервис для тех, кто думает над комментарием клиента: «Этот жёлтый недостаточно розовый». С помощью кнопки Add Overlay и слайдера можно добавить выбранному цвету или целой палитре дополнительный оттенок. Палитра может быть очень большой: мы протестировали схемы в 56 цветов — и это ещё не предел.

Цвета копируются в формате HEX-кодов по одному, все сразу или ссылкой.

Скриншот: сайт Javier

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

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

Скриншот: сайт Adobe Color

Adobe Color Wheel: сайт. Это встроенный сервис системы Adobe, где необходима подписка на Creative Cloud. Без подписки функции сервиса ограничены. Актуальные тарифы можно узнать здесь.

Научитесь: Профессия Графический дизайнер
Узнать больше

Идеи

18 сервисов для подбора цвета

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

Почему важно правильно подбирать цвета

Зрительное восприятие — основной источник получения информации. В первые полторы минуты мы оцениваем внешний вид, форму и цвет — так возникает первое впечатление. При этом до 90% впечатлений основаны на восприятии цветов.

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

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

Есть много разных подходов к работе с цветом. Для профессионального подбора палитры нужно учитывать огромное количество факторов. Например, Институт цвета Pantone (Pantone Color Institute) ежегодно анализирует глобальные тренды, модные показы, социальные сети, кинематограф и выставки современного искусства, чтобы выбрать цвет года.

Цвет 2022 года

Pantone объявила цвет 2022 года: PANTONE 17-3938 Very Peri (барвинок)

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

Генераторы цветовых палитр

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

Я собрала 18 сервисов, которые помогают найти подходящее цветовое сочетание для любого проекта. Рассказываю, как они работают, чем отличаются и для каких задач подходят.

Что нужно сделать Какой сервис подходит
Сгенерировать палитру автоматически Coolors

Paletton

Adobe Color CC

My Brand New Logo

Seo Checker: Color palette and schemes generator

ColorScheme

Color-Wizard

ColorSpace

Colormind

CopyPalette

Color Grid

Создать палитру вручную Color Hunt
Выбрать готовую палитру In Color Balance 

Color Hunt

Palette Generator

Brand Colors

Посмотреть сочетание белого шрифта с фоном выбранного цвета Get UI Colors
Подобрать фотографии в нужной цветовой гамме на Flickr Multicolr Tineye
Найти изображения по цвету на Shutterstock Shutterstock Spectrum

Coolors

Сайт. https://coolors.co/

Версии для работы. Веб-версия, iOS- и Android-приложения, плагин для Figma, расширение Chrome, расширение Adobe. 

Стоимость. Бесплатно с ограничениями, про-версия — $3 в месяц. 

Язык интерфейса. Английский.

Coolors позволяет изучить трендовые палитры или создать свою собственную. Для начала работы нужно запустить генератор, кликнув на кнопку старта, — откроется рандомная палитра. Можно сохранить цвета, скопировать код оттенка или экспортировать палитру. Чтобы вызвать другую схему достаточно нажать на пробел. 

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

Кроме веб-сервиса, у Coolors есть мобильные приложения, расширение для Chrome и Adobe, плагин для Figma. 

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

Coolors

Помимо кода, возле каждого цвета отображено его название

Paletton

Сайт. https://paletton.com

Версии для работы. Веб-версия. 

Стоимость. Бесплатно + донаты по желанию. 

Язык интерфейса. Английский, чешский.

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

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

Весь функционал сервиса доступен бесплатно. Есть возможность отправки донатов, но только по добровольному желанию пользователя.

Paletton

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

Adobe Color CC

Сайт. https://color.adobe.com/ru/create/color-wheel

Версии для работы. Веб-версия.

Стоимость. Бесплатно — базовый функционал. Дополнительные возможности при авторизации с Adobe ID.

Язык интерфейса. Русский, английский + ещё 17 языков.

Сервис помогает создать палитру с учётом выбранного правила гармонии цветов и цветового режима. Основной цвет можно выбрать на круге или указать код вручную, а потом — скопировать коды цветов. Плюс работы с продуктами Adobe: после входу в систему можно сохранить палитру в Creative Cloud и потом использовать её в Photoshop, Illustrator, Fresco и других сервисах Adobe. 

Ещё из интересных возможностей сервиса:

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

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

Adobe Color CC

Сервис подходит как для профессионального, так и для любительского использования

Color Hunt

Сайт. https://colorhunt.co/ 

Версии для работы. Веб-версия, расширение для Chrome. 

Стоимость. Бесплатно.

Язык интерфейса. Английский.

При изучении Color Hunt мне показалось, что создавать палитру здесь не очень удобно — подбирать цвета надо вручную, и без профессиональных навыков здесь не обойтись. Но сервис предлагает огромную библиотеку готовых палитр. Это поможет, если вы пока не понимаете, какую цветовую схему хотите, и вам нужно посмотреть разные варианты. 

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

А ещё у Color Hunt есть расширение для Chrome, которое показывает случайную палитру из лучших коллекций при каждом открытии новой вкладки.

Color Hunt

Просто листайте каталог, пока не найдёте понравившуюся палитру

In Color Balance

Сайт. http://color.romanuke.com/ 

Версии для работы. Веб-версия. 

Стоимость. Бесплатно. 

Язык интерфейса. Русский, английский, немецкий, испанский, польский, французский.

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

Самостоятельно создать палитру здесь не получится, но можно выбрать что-то из готовых вариантов. Это работает так: укажите один-два цвета или параметры схемы (тёплые, холодные, пастельные или контрастные тона) — и система сама подберёт подходящие варианты. Клик по схеме откроет страницу выбранной палитры с описанием и кодами оттенков.

In Color Balance

Не все изображения в In Color Balance — со свободной лицензией. Можно ли использовать выбранную картинку, лучше уточнять в поддержке сервиса

My Brand New Logo

Сервис My Brand New Logo от одноимённого производителя логотипов предлагает компьютерный подбор схемы. Генератор автоматически выбирает цвета, которые хорошо сочетаются. От пользователя требуется лишь указать вид цветов — яркие, винтажные, серые, гладкие. 

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

My Brand New Logo

Подбор цветов основан на многолетнем опыте работы с логотипами

Seo Checker: Color palette and schemes generator

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

После генерации палитр Seo Checker покажет описание основного цвета и его градации — как схема будет выглядеть при разных параметрах насыщенности, контрастности, яркости. Коды полученных цветов можно скопировать.

Seo Checker: Color palette and schemes generator

Этот сервис вполне можно применять в профессиональной деятельности

ColorScheme

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

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

Дополнительные возможности ColorScheme:

  • просмотр примеров светлой и тёмной страницы в выбранной палитре;
  • каталог цветов — можно посмотреть название и код понравившегося оттенка;
  • отдельный каталог с названием автомобильных красок и именами цветов в HTML.

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

ColorScheme.Ru

Пример подобранной палитры в ColorScheme

Color-Wizard

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

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

Color-Wizard

Достаточно выбрать базовый цвет, чтобы увидеть разные вариации сочетаний

Palette Generator

Максимально простой генератор с узким функционалом. Palette Generator рандомно создаёт цветовые палитры при нажатии на пробел. Чтобы скопировать код, нужно просто кликнуть по нему или соответствующему цвету.

Palette Generator

Практически моментальное создание разных палитр может послужить источником вдохновения

ColorSpace

Ссылка на сайт. https://mycolor.space/ 

Версии для работы. Веб-версия. 

Стоимость. Бесплатно. 

Язык интерфейса. Английский.

Для создания палитры в ColorSpace достаточно указать цвет или его код — и запустить генерацию. Система сформирует 25 палитр по разным схемам на основе указанного цвета. Для каждого оттенка в палитре указан код. Также в сервисе можно создавать двух- и трёхцветные градиенты из выбранных цветов.

ColorSpace

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

Colormind

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

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

Colormind

Чтобы не сомневаться в практическом применении палитры, можно посмотреть примеры и прикинуть, насколько это подходит вашему проекту

CopyPalette

CopyPalette генерирует монохромную палитру на основе выбранного базового цвета. Дополнительно можно настроить контрастность и указать количество вариаций цветов. 

В созданной схеме HEX-код каждого цвета копируется по отдельности. Или готовую палитру можно скопировать в SVG и добавить Figma или Sketch для дальнейшего использования в дизайне.

CopyPalette

Создание монохромных схем — довольно нудное занятие, а в этом сервисе всё быстро и просто

Дополнительные сервисы для работы с цветом

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

Color Grid

Сайт. https://0to255.com/ 

Версии для работы. Веб-сервис. 

Стоимость. Бесплатно. 

Язык интерфейса. Английский.

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

Color Grid

Сервис полезен при создании монохромных схем и градиентов

Brand Colors

Ссылка на сайт. http://brandcolors.net/ 

Версии для работы. Веб-сервис. 

Стоимость. Бесплатно. 

Язык интерфейса. Английский.

Здесь можно посмотреть фирменные цвета известных компаний. Список брендов с удобной поисковой строкой доступен на сайте.

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

Brand Colors

Если вам нужен цвет «как у Adidas» — этот сервис вам поможет

Get UI Colors

Get UI Colors помогает проверить, как будет выглядеть текст белого цвета на цветном фоне. Для этого просто выберите цвет и кликните на кнопку, чтобы посмотреть результат. 

Get UI Colors

Минимум функционала, но проверка сочетания фона и текста — штука полезная

Multicolr Tineye

Инструмент помогает подбирать фото по цветам среди 20 млн. изображений с Flickr.

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

Multicolr Tineye

В Multicolr Tineye можно подобрать визуал для сайта в единой гамме

Shutterstock Spectrum

Сайт. https://www.shutterstock.com/search/spectrum 

Версии для работы. Веб-версия. 

Стоимость. Бесплатно в течение месяца после подписки с ограничением на 10 фото, далее — $29 в месяц. 

Язык интерфейса. Русский, английский + ещё 23 языка.

Инструмент помогает искать изображения с лицензией royalty-free — она предполагает оплату за использование контента только в момент покупки.

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

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

Shutterstock Spectrum

Подбор фото по цвету поможет соблюсти единое оформление материала или проекта

ЭКСКЛЮЗИВЫ ⚡️
Читайте только в блоге
Unisender

Поделиться

СВЕЖИЕ СТАТЬИ

Другие материалы из этой рубрики

документ

документ

Не пропускайте новые статьи

Подписывайтесь на соцсети

Делимся новостями и свежими статьями, рассказываем о новинках сервиса

«Честно» — авторская рассылка от редакции Unisender

Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.

unisender

Понятная инструкция для тех, кому сложно подбирать одежду и косметику.

Как определить свой цветотип за 2 минуты

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

Почему так? Есть мнение, что дело в цветотипе. Заметим: понятие это весьма условно и во многом несовершенно. Современные профессиональные стилисты им не пользуются, поскольку копают более глубоко.

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

Что такое цветотип

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

Существует несколько классификаций цветотипов. Самая распространённая из них — по временам года: зима, весна, лето и осень.

Как определить цветотип внешности

Достаточно совершить всего три шага.

1. Выясните, к холодному или тёплому типу вы относитесь

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

Способ 1. По венам

Подойдите к окну в солнечный день и взгляните на венки на запястье. Если они отчётливо синие, ваш тип — холодный. Если вы угадываете в цвете хотя бы намёк на зеленоватый подтон, ваш тип — тёплый.

Способ 2. По белой салфетке

Встаньте перед зеркалом в хорошо освещённой солнцем комнате и приложите к лицу белую салфетку. Присмотритесь, какой оттенок на её фоне приобретает ваша кожа. Чуть розоватый — ваш тип холодный. Желтоватый — тёплый.

Способ 3. По золоту и серебру

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

Если вам подошло серебро, ваш тип — холодный. Золото — тёплый.

Кстати, на людях тёплого типа хорошо смотрятся золотые браслеты, ожерелья, серьги. Людям холодного типа больше идёт серебро.

2. Определите вашу контрастность

Это совсем просто. Взгляните на своё лицо при естественном освещении.

Если цвет глаз, волос или кожи сильно выделяются на фоне остального, вы — контрастный тип. Яркий пример такого типа — классическая диснеевская Белоснежка с чёрными волосами, тёмными глазами и фарфоровой кожей.

Чуть менее яркий, но всё равно показательный — Золушка с её белой кожей, пронзительными синими глазами и яркой светлой шевелюрой.

Кадры из мультипликационных фильмов «Белоснежка», «Золушка» / Лайфхакер

Если цвета глаз, волос и кожи перекликаются друг с другом, вы — приглушённый тип. Диснеевскими примерами являются Рапунцель и фея Динь‑Динь.

Кадры из мультипликационных фильмов «Рапунцель: Запутанная история», «Феи» / Лайфхакер

3. Сопоставьте результаты

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

  • Холодный и контрастный — зима.
  • Холодный и приглушённый — лето.
  • Тёплый и контрастный — осень.
  • Тёплый и приглушённый — весна.

Что, если ваш цветотип — зима

Фото: anetta / Shutterstock

Людей с таким цветотипом отличают тёмные волосы — от каштанового до иссиня‑чёрного, яркие тёмно‑карие, зелёные или синие глаза, белая кожа.

Избегайте

Зимним людям не подходят ненасыщенные цвета с тёплым подтоном — бежевый, оранжевый, тёплый розовый и голубой.

Носите

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

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

Купите

  • Изумрудно-зелёная блуза от Imocean, 3 670 рублей →
  • Плащ винного цвета от Dimma, 7 150 рублей →
  • Ярко-синий джемпер с расклешёнными рукавами от Lussotico, 1 547 рублей →
  • Чёрное платье‑рубашка от Zarina, 1 574 рубля →

Что, если ваш цветотип — весна

Фото: Nick Starichenko / Shutterstock

Весенних людей отличают тонкая, прозрачная, светлая кожа. Их волосы тёплого тона — от блонда до светло‑русого (пшеничного, медового, золотистого). Глаза голубые, коричневые, серые, зелёные, но обязательно светлые. Часто бывают нежные розовые губы и лёгкий румянец.

Избегайте

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

Носите

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

Купите

  • Персиковый вязаный кардиган с короткими рукавами от Mango, 3 599 рублей →
  • Светло‑голубое платье от Mark Formelle, 2 519 рублей →
  • Светло‑серый свитшот от Concept Club, 1 299 рублей →
  • Светло‑розовая футболка-поло от Viserdi, 1 559 рублей →

Что, если ваш цветотип — лето

Фото: Irina Bg / Shutterstock

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

Избегайте

Чёрного, ярко‑оранжевого.

Носите

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

Купите

  • Сиреневый комбинезон от Befree, 2 399 рублей →
  • Жёлтый кардиган с крупными пуговицами от Milanika, 3 599 рублей →
  • Тёмно‑синее платье с V-образным вырезом от A la Tete, 2 999 рублей →
  • Белый жилет с поясом от Concept Club, 2 799 рублей →

Что, если ваш цветотип — осень

Фото: stockfour / Shutterstock

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

Избегайте

Чистых светлых цветов с холодным подтоном — ярко‑голубого, лимонно‑жёлтого, холодного зелёного и розового, сиреневого, фиолетового.

Носите

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

Купите

  • Оранжевая футболка просторного кроя от Soyka, 2 800 рублей →
  • Бордовое платье приталенного силуэта от Giulia Rossi, 4 914 рублей →
  • Оливковая блузка с длинными рукавами от Sei Tu, 1 999 рублей →
  • Юбка коричневого цвета из искусственной кожи от Miss Gabby, 2 630 рублей →

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

Читайте также 👖👗👚

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

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