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

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

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

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

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 (персиково-оранжевый)

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

Военно-морской :Шестнадцатеричный #000080 | RGB 0,0,128 (ключевое слово цвета CSS/ключевое слово цвета SVG темно-синий) Синий:Шестнадцатеричный #0000FF | RGB 0,0,255 (ключевое слово цвета CSS/SVG — синий; безопасный для браузера цвет)
1. Шестнадцатеричный: #0045FF | RGB 0,69,255 (средний синий)
Стальной синий:Шестигранный #4682B4 | RGB 70 130 180 (ключевое слово цвета SVG стальной синий; корпоративный синий)
2. Шестнадцатеричный: #0080FF | RGB 0,128,255 (средний синий)
Светло-синий:Шестнадцатеричный #ADD8E6 | RGB 173 216 230 (ключевое слово цвета SVG — голубой)

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

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

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

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

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

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

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

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

Кадий желтый:Шестнадцатеричный #FF9912 | RGB 255,153,18 (теплый, коричневато-желтый)Золото:Шестигранник #FFD700 | RGB 255,215,0 (ключевое слово цвета SVG — золотой)
• Числа: 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

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

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

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

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

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

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

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

Глубокий оранжево-красный:​Шестнадцатеричный #CD3700 | RGB 205,55,0Кадмий оранжевый:​Шестнадцатеричный #FF6103 | RGB 255,97,3
• Числа: красный шестигранник #FF0000 | RGB 255,0,0 (ключевое слово SVG/CSS — красный)

Блюз – это:

Темно-Королевский Синий:Шестигранник #27408B | RGB 39,64,139Глубокий небесно-голубой:Шестнадцатеричный #00688B | RGB 0,104,139 ( нет ключевое слово цвета глубокий небесно-голубой)Темно-Синий:Шестнадцатеричный #2F4F4F RGB 47,79,79 ( нет Ключевое слово цвета darkslateblue)Темно-голубой:Шестнадцатеричный #008B8B | RGB 0,139,139 (зеленая сторона синего)Марганцевый синий:Шестнадцатеричный #03A89E | RGB 3 168 158 (сине-бирюзовый цвет)Голубой (Аква):Шестнадцатеричный #00FFFF | RGB 0,255,255 (ключевое слово цвета SVG: голубой или голубой; сине-зеленый цвет)

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

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

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

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

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

Lifewire / Марина Ли

как сообщить о разногласиях