Как я могу создать цветовую схему на основе двух определенных смежных цветов?

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

00AEEF

#00AEEF

79БА55

#79BA55

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

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

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

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

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

Хотите математическое решение? Или просто инструмент, который позволит вам работать с двумя основными цветами?
Benteh - я как раз ищу последний. Я ценю предложение @ZachSaucier, но после его прочтения кажется, что ОП просит создать такую ​​же / эквивалентную цветовую схему для любых других произвольных цветов, что немного отличается от моего вопроса.
Фристли, я думаю, вы забыли нажать «Пользовательский» в Adobe Color. Во-вторых, создание цветовой схемы — это настоящее искусство, и подробное описание процесса было бы слишком долгим для нашего формата вопросов и ответов. Я бы посоветовал вам прочитать серию статей, начинающихся здесь , в Smashing Magazine, чтобы получить базовое представление о теории цвета, терминологии и схемах.
@Vincent - Но как нажатие кнопки «Пользовательский» помогает определить дополнительные цвета для данного набора? Для меня это позволяет мне только устанавливать значения цвета вручную - он не предлагает дополнительных значений. Я ценю основные концепции теории цвета, которые, я полагаю, являются основой для моего вопроса, поскольку я не нашел инструмента или метода для определения аналогичных или дополнительных цветов на основе двух значений, которые мне дали. Точно так же я понимаю сложность этого (отсюда и мой вопрос); Если слишком сложно предоставить систематическое решение, то это вполне правильный ответ.
Это не так. И да, создание цветовой схемы из двух заданных цветов — это и искусство, и наука, как и многое другое в дизайне. Я бы серьезно посоветовал третью статью из серии, которую я упомянул, чтобы получить представление.
Какие-либо из ответов здесь предоставляют решение, которое вы ищете?
К сожалению, они не дают подходящего ответа, @JohnB. Вопрос похож, но похоже, что ответы в основном отвечают на другой вопрос (похоже, ОП был неправильно понят).

Ответы (2)

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

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

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

Создайте оттенки (светлее) и оттенки (темнее) вашего вторичного цвета , добавляя белый и черный RGB с шагом 20%. Это дает вам выбор цветов различной интенсивности для цветовых блоков и структурных элементов.

введите описание изображения здесь

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

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

введите описание изображения здесь

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

Другой вариант — использовать https://coolors.co/. Вы можете добавить 2 пользовательских цвета и «заблокировать» их. (Я думаю, вам нужно зарегистрироваться, чтобы получить эту функцию, хотя для меня это было бесплатно.) Затем вы нажимаете пробел, и он предлагает соответствующие цвета, чтобы завершить тему.

Кажется, я уже пробовал это раньше, но попробую еще раз, спасибо.
Как я могу создать цветовую схему на основе двух определенных смежных цветов?
СпросиСетьПолитика конфиденциальности1y, 1v