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

Содержание

Подбор цвета онлайн: 15 генераторов сочетания цветов

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

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

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

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

В подборке нашего сайта я выделила 2 категории подобных сервисов — русскоязычные и англоязычные.

Русские сервисы сочетания цветов

Среди множества русскоязычных онлайн сервисов можно выделить 5 основных (самых популярных), каждый из которых обладает своими достоинствами и недостатками:

Colorscheme

Цветовой круг онлайн. Это инструмент для подбора и генерации цветовых схем. Вы можете выбрать один и вариантов сочетания цвета. Вы можете посмотреть шаблон дизайна страницы в выбранном сочетании цветов. Интересно также и то, что вы можете «посмотреть» на вашу палитру глазами других людей, имеющих некоторые отклонения в цветовосприятии.
https://colorscheme.ru/

In colour balance

Всевозможные цветовые палитры, выделенные из лучших образцов фото.
https://color.romanuke.com/

Colorup.tikkurila

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

Color Adobe

Сайт этот, конечно же не русский, но с поддержкой русского языка, и он будет понятен русскоговорящим, поэтому я и отнесла его в эту группу. Очень удобный подбор цвета. Изменяйте положение указателя на цветовой круге и выбирайте схему по определенной цветовой системе.
https://color.adobe.com/

Генератор цветовых схем

https://colory.ru/colorgenerator/

Англоязычные сайты по подбору цвета

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

Random Material Generator

Название генератора указывает на случайность выбора цветовой палитры. Нажмите на кнопку «Generate different random combination» для генерации цветовой схемы.
https://codecrafted.net/randommaterial/

Material Mixer

Позволяет смешать и посмотреть сочетания двух цветов.
https://sankk.in/material-mixer/

Colorhunter

Готовые цветовые решения.
https://colorhunter.com/

Palette Generation

https://mcg.mbitson.com/
Генерация оттенков цвета.

Material Palette

Выберите 2 цвета, и вы увидите еще цвета, которые подходят для вашего дизайна.
https://www.materialpalette.com/blue/light-green

Colorotate

Воспользуйся конусом для создания собственной цветовой схемы. Чтобы пользоваться сайтом, разрешите загрузку Adobe Flash плеера в вашем браузере.
https://web.colorotate.org/

Colorblender

Вам нужно определить алгоритм сочетания цвета и, перемещая ползунки, выберите сочетания цвета по RGB. Если вы затрудняетесь, то на этой же странице вы найдете ссылку на полную таблицу сочетания цвета.
https://colorblender.com/

Colorspire

Еще один простой цветовой круг, который поможет вам выбрать базовые цветовые сочетания, подобрать светлые, темные оттенки и т.д.
https://colorspire.com/

Paletton

Подбор сочетания цветов в зависимости от разных цветовых систем.
https://paletton.com/

Colorexplorer

Двигайте ползунки и выбирайте схему!
https://colorexplorer.com/

Правила использования цветового круга Иттена

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

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

В любой сфере (дизайн, мода, искусство фотографии) правильным считается комбинирование трех цветов по принципу (60×10×30). Это позволяет изделиям любого профиля выглядеть органично и выразительно.

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

Рассмотрим подробнее подбор цветового сочетания при помощи цветового круга Иттена.

  1. Монохромная схема. Подбор оттенков одного цвета (смотри схему выше «Аналоговые цвета»)
  2. При подборе дополнительного (комплиментарного) цвета нужно ориентироваться на противоположные цвета в круге Иттена. Это подбор контрастирующего цвета. Так, красный сочетается с зеленым, желтый — с фиолетовым, синий — с оранжевым и т.п. Если эти цвета находятся рядом, то они усиливают эффект друг друга, а при смешивании их — гасят. Например, если смешать зелёный и красный, то получится серый цвет.
  3. Классическая триада. Цвета подбираются из треугольника. Нарисуйте воображаемый равнобедренный треугольник, вершины которого будут располагаться в сочетаемых цветах.
    Близкий вариант к предыдущему — так называемый «акцент аналогии». Подбирается три родственных цвета и один контрастный с противоположной стороны цветового круга.
  4. Тетрада. Подбор четырех контрастирующих цветов. Они расположены на противоположных сторонах цветового круга и составляют прямоугольник или квадрат.
    Родственные цвета (последовательная схема, или принцип аналогии). Подбираются три родственных цвета, расположенных в соседних секторах. Например, фиолетовый, красно-фиолетовый и сине-фиолетовый.

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

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

  1. Ахроматические сочетания черного с красным, белым или желтым, белого с синим, красным и черным, серого с синим, красным и цветом фуксии.
  2. Монохроматические сочетания с использованием тонов одного цвета.
  3. Сочетания контрастов (на круге Иттена их можно найти, применяя схему Х, квадрата или прямоугольника).

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

  • Красном с белым, черным, желтым, синим, зеленым.
  • Оранжевого с оливковым, блекло-зеленым, лиловым.
  • Пурпурный с серым, бледно-желтым, зеленым и коричневым.
  • Розового с белым и черным, оттенками зеленого и голубого.
  • Желтом с серым, черным или синим.

Основой использования холодных цветов являются:

  • Оливковый с оранжевым, светло-коричневым.
  • Синий с желтым и красным.
  • Зеленый с желтым, черным и серым.
  • Лиловый с белым, розовым и желтым.
  • Голубой с белым, серым, красным и желтым, розовый.

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

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

Смотрите видео по теме:

Подбор цвета в интерьере онлайн

Кликом по цветовому кругу установите основной цвет.

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

Бегунками и стрелками рядом с фото регулируйте оттенки. Добейтесь максимально естественного наложения нового цвета!

Красно-фиолетовыйКрасныйКрасно-оранжевыйОранжевыйЖёлто-оранжевыйЖёлтыйЖёлто-зелёныйЗелёныйСине-зелёныйСинийСине-фиолетовыйФиолетовый

Сброс ярк.насыщ.

Сброс оттенков

Поделиться

Вы можете загрузить фото любой тематики ! И мы сделаем на его основе аналогичный колористический тестировщик.