Круг цветовых сочетаний онлайн: Attention Required! | Cloudflare

гармоничные сочетания цветов / Skillbox Media

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

1. Если провести через центр круга прямую линию, получится комплементарное сочетание — оно максимально контрастное.

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

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

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

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

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

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

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

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

По сути, здесь представлено сочетание из двух пар дополнительных цветов. Сочетание четырёх цветов в тетраде позволяет создавать красочное и разнообразное изображение.

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

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

Крутая шпаргалка по сочетанию цветов. Цветовой круг Подбор цветовых сочетаний онлайн

Подборка цвета – один из важнейших этапов в процессе создания хорошего дизайна.

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

01. Adobe Colour CC

Компания Adobe переименовала свой проект Kuler в Colour

Вы можете быть знакомы с этим инструментом по его прежнему названию — Adobe Kuler . Однако совсем недавно компания Adobe переименовала одно из своих популярных веб-приложений в Adobe Colour CC .

Он позволяет подбирать, создавать и сохранять различные цветовые схемы, в каждой из которых может присутствовать до пяти цветов. Инструмент доступен как в браузерной, так и в настольной версии. Если вы используете настольную версию, то вы сможете экспортировать цветовую схему прямо в Photoshop , Illustrator и InDesign .

02. Mudcube Colour Sphere

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

Mudcube Colour Sphere – очень удобный миниатюрный ресурс для дизайнеров, который не только предлагает hex-коды выбранных цветов, но и позволяет создавать цветовые схемы для собственных проектов. Также стоит отметить, что в Mudcube имеется собственная галерея готовых ресурсов, которые также можно использовать.

03. Check my Colours

Check my Colours разработан специально для оценки и подборки комбинации фона и основного цвета для всех DOM-элементов . А также для того, чтобы выяснить, достаточно ли элементы гармоничны между собой. Все тесты основаны на алгоритмах, рекомендованных World Wide Web Consortium (W3C ).

04. The Color App

Приложение поможет узнать RGB, HEX, а также HSLA-значения выбранных цветов

iOS-инструмент The Color App позволит легко и просто определять цвета при помощи большой цветовой палитры. Он позволяет узнать RGB , HEX и HSLA-значения цветов, а также создавать собственные цветовые схемы для сайта.

05. Color Hunter

Color Hunter формирует цветовую схему на основе выбранного изображения

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

06. TinEye

Если вам нужно получить конкретный цвет, просто введите HEX-значение в URL

На этом сайте используется база данных, состоящая из 10 миллионов изображений, доступных бесплатно по лицензионному соглашению Creative Commons , которые создатели тщательно отобрали с Flickr . Их можно использовать для генерации соответствующих цветовых схем.

07. Color

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

08. SpyColor.com

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

09. Designspiration

На Designspiration можно выбрать до пяти оттенков при помощи удобной палитры на всю страницу, которая поможет без труда найти именно те цветовые схемы HTML , которые вы ищете. После этого сайт сгенерирует страницу со всеми изображениями из базы данных, в которых используется похожая цветовая комбинация. Также будут предоставлены HEX-значения , которые можно использовать в собственных проектах. А изображения можно сохранять в коллекциях на сайте.

10. ColorExplorer

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

11. Hex Color Scheme Generator

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

12. COLOURlovers

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

13. Color Scheme Designer

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

14. COPASO

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

15. Colourmod

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

16. ColorZilla

ColorZilla доступен как для Chrome, так и для Firefox

Этот проект начинался как плагин для Firefox , однако сегодня он также доступен и для Google Chrome . ColorZilla представляет собой расширение, которое включает в себя несколько инструментов, предназначенных для работы с цветом, среди которых палитра, генератор css-градиентов и пипетка.

17. Colormunki

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

18. colr.org

Colr.org позволяет установить диапазон цветов любого изображения

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

19. ColourGrab

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

20. ColorBlender

ColorBlender генерирует палитру из пяти сочетающихся цветов

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

21. GrayBit

GrayBit позволяет анализировать сайты, чтобы понять, как бы они выглядели в градации серого

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

22. COLRD

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

23. Shutterstock Spectrum

Изображения можно фильтровать по цветовому балансу и яркости

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

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

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

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

С этим инструментом я дружу уже много лет. Наиболее удобный инструмент для подбора цветов (на мой взгляд). У него много дополнительных возможностей. Например можно посмотреть пример светлой и темной страницы с выбранными цветами.

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

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

Для этого надо нажать кнопку в левом верхнем меню «Смотреть». И перед вами откроется галерея всевозможных цветовых сочетаний.

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

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

Следующие два сайта генерируют палитру из выбранного вами изображения. It is magic:)

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

На этот сайт нужно загрузить картинку со своего компьютера.

Очень удобный инструмент для подбора цвета. Основан на принципе «Нравится — Не нравится».

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

Еще один модный тренд — материал дизайн. Данный сайт помогает подобрать сочетания цветов для UI (user interface). Дополнительно на сайте есть большой набор иконок.

И напоследок снова user interface. Здесь просто набор цветов для UI дизайна. Нажав на любой цвет, можно посмотреть как на определенном фоне будет читаться белый текст.

Вот такие инструменты есть у меня в закладках.

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

Нужен сайт с правильными цветами? , сделаем:)

Нашли ошибку? Выделите фрагмент текста и нажмите CTRL+ENTER

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

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

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

Kuler, возможно, самый известный инструмент для работы с цветом.

Adobe Kuler, пожалуй, самый популярный online-инструмент для цветовых тем, который прошел путь от простого инструмента для работы с цветом в Интернете до полноценного ресурса, на котором можно создавать темы и делиться с другими. Плагины доступны для всех основных приложений Adobe, включая Photoshop, Illustrator и InDesign, что делает Kuler прекрасным многофункциональным инструментом для постоянных пользователей программ Creative Suite.

ColorExplorer может выполнять множество различных функций.

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

Colors on the Web работает на базе Flash.

В Colors on the Web загружаются однотонные цвета в кодах HEX или RGB, и он выдает набор схем на базе различных математических пропорций. Данный инструмент не работает на iPad или iPhone, поскольку использует Flash для запуска программы.

COLOURlovers слегка напоминает Pinterest для цвета

Pictaculous позволяет вам загружать изображение и на его основе генерировать цветовую схему.

Этот инструмент от создателей MailChimp позволит загрузить изображение и создать цветовую схему на базе его же цветов. Он совместим с некоторыми другими инструментами, такими как Kuler и Colourlovers. Pictaculous имеет удобный Adobe Swatch для загрузки тем, что позволяет быстро и легко «захватывать цвета», которые необходимы, чтобы дополнить фотографию.

Contrast-A создает имитацию разных визуальных дефектов.

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

ColoRotate может похвастаться красивой визуалиацией «цветового колеса»

ColoRotate имеет схожие функции с Kuler, но отличается изображением палитры на красивом трёхмерном конусе и способностью генерировать более, чем 5 цветов в одной схеме. Инструмент можно интегрировать с некоторыми приложения Creative Suite. Также он доступен в качестве приложения для iPad и может работать совместно с Photoshop в режиме «цветовой консоль».

HEX создает цвета, которые хорошо сочетаются с имеющейся цветовой гаммой.

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

Color Scheme Designer имеет несколько интересных способов создания цветовых тем.

Этот online-инструмент обладает схожими функциями с Adobe Kuler. Но благодаря интересным приемам для создания цветовых тем, позволяет выбирать из свойств схемы параметры яркость/насыщенность и контраст, вместо того, чтобы «возиться» с отдельными цветами, из которых состоит тема. Color Scheme Designer предоставляет доступ к набору стандартных математических методов, включая возможность гармоничного подбора цветовой гаммы дизайна для одного (mono) , двух (complement) , трёх (triad) или четырёх (tetrad) цветов с оттенками и полутонами.

COPASO — это прекрасное средство для решения сразу нескольких задач.

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

Виджет Colourmod на рабочем столе помогает легко выбирать и определять цвета.

Colourmod — это инструмент на рабочем столе, который позволяет легко выбирать один из цветов в той зоне, где находятся виджеты, даже если вы работаете с программой Dashboard для MacBook или используете Konfabulator для Windows. Colourmod,сам по себе, не является инструментом для выбора палитры, но, тем не менее, с его помощью можно выбирать и определять цвет. При этом вам не понадобится запускать другие более тяжёлые программы.

ColorZilla работает в Chrome и Firefox.

Это приложение изначально разабатывалось как плагин для Firefox, но его также можно применять в браузере Google Chrome. ColorZilla — это расширение, в котором есть масса различных инструментов для работы с цветом, в том числе: выбор цвета, пипетка, создание градиента css и просмотр палитр.

Colormunki позволяет создавать цветовую схему на основе образцов Pantone.

Удобный инструмент для работы online, представленный создателями Colormunki для калибровки цвета. Вы можете создавать палитры на основе цветовых образцов Pantone в режиме online и использовать разные приемы, чтобы подобрать приятные сочетания.

С помощью Colr.org можно увидеть цветовую гамму ваших изображений.

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

ColourGrab — отличный компактный генератор цветовых схем изображений.

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

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

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

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

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

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

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

Color Hunter — это замечательный сайт, на котором можно найти новые цвета.

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

Stripe Generator 2.0 помогает привлекать внимание к вашим цветовым решениям.

О нем часто говорят, как о «последнем инструменте для веб2.0». Stripe Generator 2.0 — хорошее средство для создания приятных цветовых комбинаций и необычных картинки одновременно.

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

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

Kuler

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

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

ColoRotate имеет библиотеку готовых цветовых схем. Также вы можете создать свою собственную схему с помощью уникального 3D инструмента. Цветовую схему можно использовать напрямую в Photoshop и Fireworks с помощью плагина ColoRotate .

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

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

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

Color Spire

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

Цветовой круг. Теория на практике

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

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

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

Цвета цветового круга

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

А разворот уже будет содержать информацию о взаимодействии оттенков в цветовом шаре: от пастельных тонов до темных.

Внутри этого шара есть ось: от белого до черного – средне-серого цвета. Это позволяет при любом разрезе шара видеть градиент от серого до светлого или темного тона любого цвета.

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

Круг цветовых сочетаний

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

Круг цветовых сочетаний имеет набор цветовых схем.

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

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

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

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

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

Существует 4 варианта четырехцветного сочетания по цветовому кругу:

Это четырехцветная контрастная гармония: она создана на основе контрастной триады и является ее близкий родственником. Такие сочетания броские, импозантные.

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

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

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

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

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

Читайте дальше: по каким еще принципам строятся комбинации цвета?

ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)

Оставить комментарий

(только на русском языке)

Колорит. Цветовой круг. Цветовые схемы

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

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

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

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

Kuler, возможно, самый известный инструмент для работы с цветом.

Adobe Kuler, пожалуй, самый популярный online-инструмент для цветовых тем, который прошел путь от простого инструмента для работы с цветом в Интернете до полноценного ресурса, на котором можно создавать темы и делиться с другими. Плагины доступны для всех основных приложений Adobe, включая Photoshop, Illustrator и InDesign, что делает Kuler прекрасным многофункциональным инструментом для постоянных пользователей программ Creative Suite.

ColorExplorer может выполнять множество различных функций.

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

Colors on the Web работает на базе Flash.

В Colors on the Web загружаются однотонные цвета в кодах HEX или RGB, и он выдает набор схем на базе различных математических пропорций. Данный инструмент не работает на iPad или iPhone, поскольку использует Flash для запуска программы.

COLOURlovers слегка напоминает Pinterest для цвета

Pictaculous позволяет вам загружать изображение и на его основе генерировать цветовую схему.

Этот инструмент от создателей MailChimp позволит загрузить изображение и создать цветовую схему на базе его же цветов. Он совместим с некоторыми другими инструментами, такими как Kuler и Colourlovers. Pictaculous имеет удобный Adobe Swatch для загрузки тем, что позволяет быстро и легко «захватывать цвета», которые необходимы, чтобы дополнить фотографию.

Contrast-A создает имитацию разных визуальных дефектов.

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

ColoRotate может похвастаться красивой визуалиацией «цветового колеса»

ColoRotate имеет схожие функции с Kuler, но отличается изображением палитры на красивом трёхмерном конусе и способностью генерировать более, чем 5 цветов в одной схеме. Инструмент можно интегрировать с некоторыми приложения Creative Suite. Также он доступен в качестве приложения для iPad и может работать совместно с Photoshop в режиме «цветовой консоль».

HEX создает цвета, которые хорошо сочетаются с имеющейся цветовой гаммой.

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

Color Scheme Designer имеет несколько интересных способов создания цветовых тем.

Этот online-инструмент обладает схожими функциями с Adobe Kuler. Но благодаря интересным приемам для создания цветовых тем, позволяет выбирать из свойств схемы параметры яркость/насыщенность и контраст, вместо того, чтобы «возиться» с отдельными цветами, из которых состоит тема. Color Scheme Designer предоставляет доступ к набору стандартных математических методов, включая возможность гармоничного подбора цветовой гаммы дизайна для одного (mono) , двух (complement) , трёх (triad) или четырёх (tetrad) цветов с оттенками и полутонами.

COPASO — это прекрасное средство для решения сразу нескольких задач.

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

Виджет Colourmod на рабочем столе помогает легко выбирать и определять цвета.

Colourmod — это инструмент на рабочем столе, который позволяет легко выбирать один из цветов в той зоне, где находятся виджеты, даже если вы работаете с программой Dashboard для MacBook или используете Konfabulator для Windows. Colourmod,сам по себе, не является инструментом для выбора палитры, но, тем не менее, с его помощью можно выбирать и определять цвет. При этом вам не понадобится запускать другие более тяжёлые программы.

ColorZilla работает в Chrome и Firefox.

Это приложение изначально разабатывалось как плагин для Firefox, но его также можно применять в браузере Google Chrome. ColorZilla — это расширение, в котором есть масса различных инструментов для работы с цветом, в том числе: выбор цвета, пипетка, создание градиента css и просмотр палитр.

Colormunki позволяет создавать цветовую схему на основе образцов Pantone.

Удобный инструмент для работы online, представленный создателями Colormunki для калибровки цвета. Вы можете создавать палитры на основе цветовых образцов Pantone в режиме online и использовать разные приемы, чтобы подобрать приятные сочетания.

С помощью Colr.org можно увидеть цветовую гамму ваших изображений.

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

ColourGrab — отличный компактный генератор цветовых схем изображений.

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

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

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

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

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

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

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

Color Hunter — это замечательный сайт, на котором можно найти новые цвета.

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

Stripe Generator 2.0 помогает привлекать внимание к вашим цветовым решениям.

О нем часто говорят, как о «последнем инструменте для веб2.0». Stripe Generator 2.0 — хорошее средство для создания приятных цветовых комбинаций и необычных картинки одновременно.

Что это такое?

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

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

То есть, фактически — это «живая», материальная шпаргалка, на которой отображаются все основные колористические схемы. «Живая», потому что её можно взять в руки, в отличие от изображения на экране.

Нажимите кнопки снизу для вращения:

Круг для подбора цветовых комбинаций

Предшественником данного устройства в его современном виде является цветовое кольцо Иттена (смотрите рисунок ниже).

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

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

Рассмотрим этот момент немного подробнее..

Почему основных цветов двенадцать?

Как видите на приведённом рисунке, есть

Путём их смешивания попарно в равной пропорции, можно получить три

Смесь

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

ГИД ПО СМЕШЕНИЮ КРАСОК

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

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

А как же определить эти самые пропорции? Неужели наугад? Нет, цветовой круг может помочь и в этом.

ШКАЛА НАСЫЩЕННОСТИ

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

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

СХЕМЫ ЦВЕТОВЫХ СОЧЕТАНИЙ

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

Схема цветовых сочетаний — это фигура, в простейшем случае линия, соединяющая «подходящие» друг к другу цвета. Формулировка очень расплывчатая, так как подбор хроматической гаммы — это одновременно и наука и искусство.

Во-первых, гармония или дисгармония красок — это очень субъективное понятие. Как говорится, «на вкус и цвет товарища нет».

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

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

ТАБЛИЦА ЦВЕТОВЫХ СХЕМ

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

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

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

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

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

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

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

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

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

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

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

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

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

Еще один вариант – подобрать оттенки интуитивно, на основе приятного именно вам сочетания цветов. Для этого вы можете ориентироваться на:

• фотографии уже готовых интерьеров. Выберите подходящие фото и постарайтесь примерить их цветовую гамму на себя – насколько комфортно вам будет жить в таком пространстве. А затем «вытащить» из нее нужные вам оттенки – на глаз или с помощью специальных онлайн инструментов.

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

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

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

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

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

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

Пресс-релизы

Sessions College признан за качество, доступность и дизайн

11 октября 2021 г.

Sessions получает признание за качество, доступность и дизайн от трех правительственных и отраслевых источников.

Sessions College снова вошел в число лучших онлайн-колледжей

15 сентября 2021 г.

Sessions получает признание EDsmart, поставщика рейтингов, обзоров и рейтингов колледжей.

Sessions College предоставляет престижные отраслевые сертификаты

18 августа 2021 г.

Sessions выпускает две новые программы бакалавриата в востребованных творческих областях.

Sessions College запускает онлайн-программы BFA

24 ноября 2020

Sessions College запускает новую программу бакалавриата по графическому дизайну.

Sessions College объявляет о выдающихся лауреатах премии 2020 года

23 сентября 2020

Sessions College объявляет девять лауреатов ежегодных наград за выдающиеся достижения в области выпускников.

Sessions College расширяет консультативный совет

26 августа 2020

Sessions College объявляет о назначении творческих профессионалов Эми МакШеффри и Джона Гоули в свой Консультативный совет.

Sessions College for Professional Design добавляет Нила Эдвардса в совет директоров

18 августа 2020

Sessions College for Professional Design (Sessions) добавляет Нила Эдвардса, управляющего директора Actum360, в свой Совет директоров.

Sessions Колледж ищет расширенные возможности для DigitalComplete

12 августа 2020

Sessions College, пионер в области онлайн-образования, объявляет о доступности DigitalComplete, своей высоко оцененной образовательной платформы для повышения квалификации.

Sessions College признан самым доступным колледжем по стоимости обучения и включен в список лучших школ дизайна

7 августа 2020

Sessions объявляет, что он получил национальный рейтинг по доступности Министерством образования США и за качество школы дизайна по версии журнала GD USA Magazine.

DEAC продлевает сессию колледжа для аккредитации профессионального дизайна до 2025 года

29 июля 2020 г.

Sessions (Sessions College) объявил сегодня, что Комиссия по аккредитации дистанционного образования (DEAC) продлила свою аккредитацию до 2025 года.

Об инструменте «Цветовой круг» Использование теории цвета

Что нового в Dopely Colors

Знакомство с средством проверки контрастности

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

Представляем цветной тонер

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

Знакомство с цветовым кругом

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

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

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

Знакомство с преобразователем цвета

Сколько цветовых кодов вам нужно? Инструмент «Конвертер цветов» дает вам названия и различные коды нужного вам цвета.

Знакомство с генератором градиента

Помимо радиального градиента, инструмент «Генератор градиента» также включает линейный градиент.Вы можете увидеть количество цветов в градиенте вместе с его кодами.

Знакомство с цветовым микшером

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

Знакомство с генератором смешивания цветов

С помощью инструмента «Генератор смешивания цветов» вы можете смешивать два цвета и получать цветовую палитру в результате их комбинирования.

Знакомство с экстрактором цвета

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

Знакомство с онлайн-палитрой цветов

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

Знакомство с системой поиска гармонии цвета

Инструмент поиска гармонии цвета поможет вам найти наилучшую гармонию для желаемого цвета за несколько секунд.

Знакомство с поиском по названию цвета

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

Знакомство с Color Pedia

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

Знакомство с цветовыми палитрами Изучить

Нет времени на создание цветовой палитры? Color Palettes Explore дает вам доступ к тысячам готовых поддонов.

Знакомство с Gradient Explore

Экономьте свое время с Gradient Explore! В этом разделе есть много разных градиентов.

Знакомство с цветами. Изучите

Color Explore предлагает широкий выбор цветов с их названиями и шестнадцатеричным кодом.

Представляем Color & Types Explore

В Color & Types Explore есть бесчисленное множество готовых примеров текстов и фонов. Вы можете увидеть шестнадцатеричный код цвета фона и текста.

Введение в Color & Images Explore

В Color & Images Explore вы можете увидеть готовую цветовую палитру изображений.

Представляем цветовую палитру бренда Explorer

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

Color Converter Landing

Ищете конкретный цветовой код? Здесь вы можете ввести информацию о целевом цвете и преобразовать ее в другую форму.

Бесплатная раздача градиентов

Хотите иметь потрясающие градиенты для ваших дизайнов? Dopely бесплатно раздает более 400 градиентов.Вы можете легко скачать и использовать их.

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

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

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

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

1. Coolors

Ссылка: Coolors

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

Классная функция: есть версия для iOS, расширение Chrome и даже надстройка для Photoshop и Illustrator.

Palettr

Ссылка: Palettr

Palettr — очень интересное приложение. Допустим, у вас есть смутное представление о том, какие цвета вы хотите использовать, но вам нужно немного вдохновения. Что заставляют вас думать ваши цвета? Пляж… такой… желто-синий? Городская улица… серые и черные? Теперь это не будет работать во всех случаях, но если на ум приходит конкретное ключевое слово, поищите его в Palettr, и они найдут изображения из 500 пикселей.com , используя это ключевое слово, и извлеките из него общие цвета!

3. Генератор цветовой палитры от Canva

Ссылка: Генератор цветовой палитры от Canva

Генератор цветовой палитры — это небольшое веб-приложение, созданное талантливой командой Canva, которое извлекает общие цвета из изображений, вы загрузили , поэтому, если у вас есть дизайн, в котором изображения / фотография уже определены, и вы строите цветовые схемы на основе этого ( или , вам просто нравятся цвета на изображении), Color Palette Generator от Canva будет очень идеальным решением. .

4. Adobe Color Wheel

Ссылка: Adobe Color Wheel

Adobe Color Wheel, хотя и не самый привлекательный интерфейс, предлагает более профессиональных инструментов для смешивания цветов. Если вы знаете свои аналогичные цвета по составным, дополнительным и триадным цветам, то этот инструмент для вас. Кроме того, если вам нравятся другие приложения Adobe, такие как Illustrator, Photoshop, Brackets.io (секретный редактор Adobe с открытым исходным кодом) и Adobe XD, вы обнаружите, что они легко и потрясающе интегрируются с Adobe Color CC.

Классная особенность: цветовые схемы, созданные сообществом.

5. Colordot

Ссылка: Colordot

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

Бонус: анализатор цветового контраста

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

Одно приложение, которое мне нравится использовать, — это анализатор цветового контраста для Windows и MacOS, который сравнивает цветовой контраст между двумя выбранными вами элементами и дает этому соотношению оценку «годен / не годен» согласно международно признанному стандарту WCAG (веб-контент). Accessibility Guidelines) стандарты цветового контраста.

Хотя это отдельное приложение, существует подключаемый модуль Color Contrast Analyzer для Sketch , как упоминалось в нашей статье 5 Smashing Sketch Plugins .

Передайте свои цветовые схемы и руководства по стилю с помощью Sympli

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

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

Есть ли в этом списке что-то, что помогает процессу выбора цвета новыми, интересными и лучшими способами? Дайте нам знать!

Теория цвета для начинающих: цветовое колесо Иттена

Итак, вы узнали основные правила композиции и разобрались, как работать с освещением.Что дальше? Понимание теории цвета и отношений между оттенками действительно выведет ваши фотографии и видео на новый уровень.

Color — действительно мощный инструмент, который помогает вам рассказать свою историю, задать правильное настроение, выделить определенные элементы в вашей работе и в целом сделать все лучше и полнее. Цветовой круг Иттена — один из самых простых и простых в использовании инструментов, помогающих эффективно комбинировать цвета.

Краткая информация:

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

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

Колесо цвета Иоганна Иттена

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

Вот как это выглядит:

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

Далее идут второстепенные цвета — оранжевый, зеленый, фиолетовый. Каждый из этих цветов состоит из двух основных цветов в равной пропорции.

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

В своей книге The Elements of Color Иттен предлагает использовать этот круг для построения гармоничных цветовых аккордов, сочетаний цветов, которые лучше всего смотрятся вместе.

Диады

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

Триады

По словам Иттена, есть два основных способа сочетания трех цветов.

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

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

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

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

Тетрады

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

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

Другие комбинации

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

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

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

Как использовать цветовые схемы

Итак, теория ясна: желтый сочетается с фиолетовым, а оранжевый — с синим. Но как это использовать на практике? Редактировать фото или видео, используя всего два или три цвета, довольно сложно.

Все дело в акценте. Если вы работаете с двухцветной схемой, используйте дополнительные цвета для объектов, которые хотите выделить. Вот, например, как это сделано в фильме Амели (2001):

Дополнительная схема также пригодится, когда вы хотите выделить объект на фоне. Например, человек в темно-желто-оранжевой одежде будет хорошо смотреться на фоне голубого неба (опять же, вспомните те афиши к фильмам), а красная рубашка отлично подойдет для фотосессии в зеленом лесу.

При использовании триад старайтесь не использовать цвета в равных пропорциях. Сделайте одного из них главным игроком, а двое других его дополнят. В качестве ориентира вы можете комбинировать цвета в соотношении 60%, 30%, 10%.

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

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

Создание пользовательских цветовых палитр — Таблица

Теория цвета в графическом дизайне ： Краткое руководство для не дизайнеров

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

1.Понимание теории цвета в графическом дизайне

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

Теория цвета в графическом дизайне: красный

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

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

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: желтый

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

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: синий

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

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: оранжевый

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

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

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: зеленый

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

Идя по той же теме, что и «изобилие», зеленый может символизировать богатство, особенно в странах, где их валюта зеленая.

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: фиолетовый

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

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

Щелкните изображение для редактирования

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

2. Что такое терминология цвета?

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

оттенок

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

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

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

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

Значение

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

Яркость

Яркость — это просто оттенок цвета вместе со значением цвета. Это относится к его легкости и способности воспроизводить свет или отражение.Это также известно как «яркость».

3. Цветовая палитра для графического дизайна

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

Цветовой круг

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

Дополнительный цвет

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

Дополнительные

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

Раздельный дополнительный

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

Аналог

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

триадический

Третичные цвета — это цвета, полученные путем комбинирования вторичного цвета с основным цветом.Шесть цветов считаются третичными. В цветовом круге RYB эти третичные цвета — красно-оранжевый, желто-оранжевый, желто-зеленый, сине-зеленый, сине-фиолетовый и красно-фиолетовый.

4. Цветные сайты для графического дизайна

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

COLOURlovers

COLOURlovers — это творческое сообщество, в котором люди со всего мира создают и обмениваются цветами, палитрами и узорами, обсуждают последние тенденции и изучают красочные статьи.Благодаря более чем 4 682 736 палитрам, 10 035 451 цвету, 5 844 503 узорам в 532 217 шаблонах вы обязательно найдете вдохновение, чтобы дать толчок своим творческим проектам.

Color Hunt

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

Палетон

Paletton , инструмент дизайна для создания цветовых комбинаций, которые хорошо сочетаются друг с другом. Ранее он назывался Color Scheme Designer.

5. Как создать графический дизайн с помощью теории цвета?

Шаг 1

Сначала вы перейдете на fotor.com и выберите свой шаблон, перейдя на страницу Design и выбрав Poster из категории Marketing .

Выберите свой шаблон на боковой панели, я выберу этот плакат распродажи Черной пятницы!

Шаг 2

А теперь давайте настроим дизайн!

Сначала текст, давайте Щелкните на тексте заголовка и измените начертание шрифта на Alibaba Sans Bold.

Я также изменю «Когда» и «Где» на Alibaba Sans Bold.

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

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

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

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

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

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

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

Шаг 3

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

6. FAQ

Какие бывают 3 цветовые схемы?

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

Какие цветовые сочетания бывают хороши?

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

Какой цвет сочетается со всеми цветами?

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

Какие цвета будут популярны в 2020 году?

Мягкие розовые оттенки и приглушенные натуральные зеленые и синие тона — это прогнозируемые трендовые цвета на 2020 год. Землистые нутруэлы также будут широко представлены в наступающем году!

Какой цвет в первую очередь бросается в глаза?

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

Outro

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

О нас:

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

Элементы выбора цвета для отличной визуализации данных в R — Easy Guides — Wiki

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

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

(Изображение от Нэнси Дуарте, слайд: ology)

Цветовой круг помогает визуализировать отношения между цветами .

Колесо разделено на кусочки пирога, которые состоят из следующих компонентов:

• оттенок (истинный цвет): На колесе выше оттенок расположен на четыре кольца от центра.
• оттенки : соответствуют цветам по направлению к центру круга (= оттенок + белый цвет)
• оттенков : соответствует кругу цветов снаружи оттенка (= оттенок + черный цвет)

1. Монохроматический : Вариации одного цвета.

2. Аналог : соприкасающиеся в круге цвета создают узкую гармоничную цветовую схему .

3. Дополняющий : цвета с противоположных концов колеса обеспечивают максимальную контрастность .

(Изображение от Нэнси Дуарте, слайд: ology)

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

5. Triadic : три цвета, равномерно распределенные по цветовому кругу, создают яркий визуальный интерес.

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

(Изображение от Нэнси Дуарте, слайд: ology)

• слайд: ology : Искусство и наука создания отличных презентаций (Нэнси Дуарте)
• R пакет colortools от Гастона Санчеса.

Этот анализ был выполнен с использованием программного обеспечения R (версия 3.2.3) и colortools (версия 0.1.5)

Покажи мне немного любви с кнопками «Мне нравится» ниже … Спасибо и, пожалуйста, не забудь поделиться и прокомментировать ниже !!

Montrez-moi un peu d’amour avec les like ci-dessous … Merci et n’oubliez pas, s’il vous plaît, departager et de commenter ci-dessous!

Эта страница была просмотрена 57166 раз