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

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

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

01 из 04

Противоположности притягиваются, а синий хорошо сочетается с оранжевым

Выберите синий и оранжевый для двухцветной дополнительной палитры.

Lifewire / Джей Медведь

Рассмотрите возможность объединения синие цвета с апельсином в дополнительная цветовая гамма .

От самого темного до самого светлого, оранжевые цвета, показанные с каждым синим образцом на изображении выше:

Шестигранник #FFA500 | RGB 255,165,0 (золотисто-оранжевый; ключевое слово цвета SVG и ключевое слово цвета CSS — оранжевый)
Шестнадцатеричный #FF8000 | RGB 255,128,0 (средне-оранжевый)
Шестнадцатеричный #FF4500 | RGB 255,69,0 (оранжево-красный; ключевое слово цвета SVG — оранжевыйкрасный)
Шестигранный номер C83200 | RGB 200,50,0 (темно-оранжевый)
Числа: Hex #FF7F27 | RGB 255,127,39 (персиково-оранжевый)

Блюз, от более темного к более светлому:

Военно-морской

Шестнадцатеричный: #0045FF | RGB 0,69,255 (средний синий)
Шестнадцатеричный: #0080FF | RGB 0,128,255 (средний синий)

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

как ты получаешь быстрый результат

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

02 из 04

Смешайте глубокий синий с золотисто-желтым

Выберите оттенок желтого в сочетании с темно-синим или синим с фиолетовым оттенком.

Lifewire / Джей Медведь

От темно-синего до почти фиолетового и добавьте немного солнечно-желтого цвета в дополнительную цветовую схему.

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

От самого темного до самого светлого желтый цвет, показанный с каждым синим образцом на изображении выше:

Числа: Hex #FFFF00 | RGB 255,255,0 (ключевое слово SVG/CSS — желтый)

Блюз – это:

Очень темно-синий:Шестнадцатеричный #000033 | RGB 0,0,51 (браузерный сейф темно-синий)Темно-синий:Шестнадцатеричный номер 191970 | RGB 25,25,112 (ключевое слово цвета SVG — темно-синий)Темно-Синий:Hex #483D8B RGB 72,61,139 (ключевое слово цвета SVG darkslateblue; серовато-фиолетовый синий)Индиго:Шестнадцатеричный номер 4B0082 | RGB 75,0,130 (ключевое слово цвета SVG индиго; пурпурно-синий)Сине-фиолетовый:Шестнадцатеричный #8A2BE2 | RGB 138,43,226 (ключевое слово цвета SVG — сине-фиолетовый)Синий кобальт:Шестигранник #3D59AB | РГБ 61,89171

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

03 из 04

Оттенки голубого с темно-оранжевым

Выберите цвет вокруг голубого и теплого красновато-оранжевого.

Lifewire / Джей Медведь

как экспортировать все воспоминания в снэпчат

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

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

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

Числа: красный шестигранник #FF0000 | RGB 255,0,0 (ключевое слово SVG/CSS — красный)

Блюз – это:

нет

04 из 04

Синий, красный и желтый

Синий Красный Желтый и их синие дополнения

Lifewire / Джей Медведь

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

Военно-морской: Шестнадцатеричный #000080 | RGB 0,0,128
Ярко-красный: Шестнадцатеричный #FE0004 | РГБ 254,0,4
Солнечный желтый: Шестнадцатеричный #FFFB00 | RGB 255,251,0
Темно-Синий: Hex #483D8B RGB 72,61,139 (ключевое слово цвета SVG темно-синий; серовато-фиолетовый синий)
Золото: Шестигранник #FFD700 | RGB 255,215,0 (ключевое слово цвета SVG — золотой)
Шартрез : Шестнадцатеричный #7FFF00 | RGB 127 255,0
Темно-голубой: Шестнадцатеричный #008B8B | RGB 0,139,139 (зеленая сторона синего)
Фиолетовый-красный: Шестигранник #D02090 | RGB 208,32144
Темно-оранжевый: Шестигранный номер C83200 | RGB 200,50,0 ( нет ключевое слово цвета темно-оранжевый)

Более темные оттенки синего обозначают важность, уверенность, власть, авторитет, интеллект, стабильность, единство и консерватизм. Красный — еще один мощный цвет, но он привлекает внимание больше, чем синий. Желтый добавляет яркости и радости. Использование равного количества каждого цвета сделает его похожим на детский (представьте себе основные цвета), как в примере №1. Однако, если вы используете только небольшие дозы красного и желтого (или близких цветов) с преимущественно темно-синей цветовой схемой, это вполне подходит для проектов для взрослых, в которых вы не хотите появляться.слишкомсерьезный.