Синий - один из самых распространенных цветов, используемых в веб-дизайне. Использование синего цвета от среднего до темно-синего создает расслабляющую атмосферу, которую дизайнеры могут дополнить желтым и оранжевым цветом.
Вот несколько способов сочетания синего с другими цветами.
Противоположности притягиваются, а синий хорошо сочетается с оранжевым
Рассмотрите возможность сочетания синего и оранжевого цветов в дополнительной цветовой гамме.
От самого темного до самого светлого, апельсины, показанные рядом с каждым синим образцом на изображении выше:
- Hex FFA500 | RGB 255, 165, 0 (золото-оранжевый; ключевое слово цвета SVG и ключевое слово цвета CSS оранжевый)
- Hex FF8000 | RGB 255, 128, 0 (средне-оранжевый)
- Hex FF4500 | RGB 255, 69, 0 (оранжево-красный; цветовое ключевое слово SVG оранжево-красный)
- Hex C83200 | RGB 200, 50, 0 (темно-оранжевый)
- Числа: Шестнадцатеричный FF7F27 | RGB 255, 127, 39 (персиково-оранжевый)
Блюз, от более темного к более светлому:
- Navy: Hex 000080 | RGB 0, 0, 128 (ключевое слово цвета CSS/ключевое слово цвета SVG темно-синий)
- Синий: Шестнадцатеричный 0000FF | RGB 0, 0, 255 (ключевое слово цвета CSS/SVG - синий; безопасный для браузера цвет)
- Hex: 0045FF | RGB 0, 69, 255 (средний синий)
- Steel Blue: Hex 4682B4 | RGB 70, 130, 180 (ключевое слово цвета SVG steelblue; корпоративный синий)
- Hex: 0080FF | RGB 0, 128, 255 (средний синий)
- Голубой: Шестнадцатеричный ADD8E6 | RGB 173, 216, 230 (ключевое слово цвета SVG голубой)
Темно-синий и средние оттенки синего символизируют важность, уверенность, силу, интеллект, стабильность, единство и консерватизм. Добавляя немного оранжевого в свою преимущественно темно-синюю палитру, вы привносите немного тепла и энергии, которые могут сделать вашу палитру не слишком высокопарной или подавляющей.
Вы не обязаны использовать именно эти оттенки. Сделайте оттенок светлее или темнее или сдвиньтесь на одну точку влево или вправо на цветовом круге. Эти цветовые сочетания помогут вам найти подходящую цветовую палитру, используя в качестве основных компонентов синий и оранжевый.
Смешайте темно-синий с золотисто-желтым
Возьмите темно-синий цвет, сделав его почти фиолетовым, и добавьте всплеск солнечно-желтого цвета в дополнительную цветовую схему.
Синий - это холодный цвет, переходящий в теплый по мере добавления пурпурных тонов, а желтый - теплый цвет на другой стороне цветового круга. Во избежание неприятных вибраций избегайте использования одинаковых количеств. Оживите свой синий всплеском желтого (или успокойте желтый с помощью синего).
От самого темного до самого светлого, желтый цвет, показанный рядом с каждым синим образцом на изображении выше:
- Cadium Yellow: Hex FF9912 | RGB 255, 153, 18 (теплый, коричневато-желтый)
- Золото: Hex FFD700 | RGB 255, 215, 0 (ключевое слово цвета SVG золото)
- Числа: Шестнадцатеричный FFFF00 | RGB 255, 255, 0 (ключевое слово цвета SVG/CSS желтый)
Блюз это:
- Very Dark Blue: Hex 000033 | RGB 0, 0, 51 (безопасный для браузера синий)
- Midnight Blue: Hex 191970 | RGB 25, 25, 112 (ключевое слово цвета SVG midnightblue)
- Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (ключевое слово цвета SVG darkslateblue; серовато-фиолетовый синий)
- Индиго: Шестнадцатеричный 4B0082 | RGB 75, 0, 130 (ключевое слово цвета SVG индиго; пурпурно-синий)
- Синий фиолетовый: Шестнадцатеричный 8A2BE2 | RGB 138, 43, 226 (ключевое слово цвета SVG сине-фиолетовый)
- Голубой кобальт: Hex 3D59AB | RGB 61, 89, 171
Цвета, приближающиеся к фиолетово-фиолетовому оттенку синего, могут добавить нотку таинственности, намеки на женственность. Он добавляет теплоты прохладному синему цвету.
Оттенки голубого с темно-оранжевым
Голубой цвет от среднего до темно-синего на грани зеленого. Здесь различные средне-синие и голубые оттенки сочетаются с темно-коричнево-оранжевыми цветами.
В дополнение к своим успокаивающим свойствам, этот более темный оттенок синего может нести символику зеленого, такую как баланс, гармония и стабильность. Он получает немного тепла и энергии в сочетании с коричневатыми или красноватыми оттенками оранжевого. Коричневый - естественный, приземленный нейтральный цвет. Красный и голубой являются противоположностями на цветовом круге с высокой контрастностью, но они не обязательно являются хорошей комбинацией. Переход от красного к оранжевому и более темному синему дает более приятную палитру.
От самого темного к самому светлому, красно-оранжевые цвета, показанные рядом с каждым синим образцом на изображении выше:
- Deep Orange Red: Hex CD3700 | RGB 205, 55, 0
- Cadmium Orange: Hex FF6103 | RGB 255, 97, 3
- Числа: красный шестнадцатеричный FF0000 | RGB 255, 0, 0 (ключевое слово цвета SVG/CSS красный)
Блюз это:
- Dark Royal Blue: Hex 27408B | RGB 39, 64, 139
- Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not цветовое ключевое слово deepskyblue)
- Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (not ключевое слово цвета darkslateblue)
- Темно-голубой: Шестнадцатеричный 008B8B | RGB 0, 139, 139 (более зеленая сторона синего)
- Марганцево-синий: Hex 03A89E | RGB 3, 168, 158 (голубой бирюзовый цвет)
- Голубой (голубой): Шестнадцатеричный 00FFFF | RGB 0, 255, 255 (ключевое слово цвета SVG голубой или морской волны; сине-зеленый цвет)
Синий, красный и желтый
Расщепленная дополнительная триада берет один цвет (в данном случае синий), а затем захватывает цвета по обе стороны от дополнения этого цвета (противоположный цвет на цветовом круге). Дополнением к чистому синему является чистый желтый. Средний синий находится напротив оранжевого. В зависимости от того, с какого оттенка синего вы начинаете и сколько промежуточных цветов вы проходите, вы можете сочетать его с цветами от розовато-красного до желто-зеленого.
- Navy: Hex 000080 | RGB 0, 0, 128
- Ярко-красный: Шестнадцатеричный FE0004 | RGB 254, 0, 4
- Sunny Yellow: Hex FFFB00 | RGB 255, 251, 0
- Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (ключевое слово цвета SVG темно-сланцево-синий; серовато-фиолетовый синий)
- Золото: Hex FFD700 | RGB 255, 215, 0 (ключевое слово цвета SVG золото)
- Шартрез: Шестнадцатеричный 7FFF00 | RGB 127, 255, 0
- Темно-голубой: Шестнадцатеричный 008B8B | RGB 0, 139, 139 (более зеленая сторона синего)
- Фиолетово-красный: Шестнадцатеричный D02090 | RGB 208, 32, 144
- Темно-оранжевый: Шестнадцатеричный C83200 | RGB 200, 50, 0 (not цвет ключевое слово темно-оранжевый)
Более темные оттенки синего обозначают важность, уверенность, силу, авторитет, интеллект, стабильность, единство и консерватизм. Красный - еще один мощный цвет, но он привлекает больше внимания, чем синий. Желтый добавляет яркости и радости. Использование равного количества каждого цвета сделало бы его детским (вспомните основные цвета), как в примере №1. Однако, если вы используете только небольшие дозы красного и желтого (или близких цветов) с преимущественно темно-синей цветовой схемой, это вполне подходит для проектов для взрослых, которые вы не хотите выглядеть слишком серьезными.
