Как да проектираме със сини и допълващи се цветове

2024 Автор: Abigail Brown | [email protected]. Последно модифициран: 2023-12-17 06:40

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

Ето няколко различни начина, по които синьото може да работи с други цветове.

Противоположностите се привличат и синьото върви добре с оранжево

Помислете за комбиниране на сини цветове с оранжево в допълнителна цветова схема.

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

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

Блусът, от по-тъмен към по-светъл са:

1. Navy: Hex 000080 | RGB 0, 0, 128 (ключова дума за цвят CSS/ключова дума за цвят SVG тъмносив)
2. Синьо: Hex 0000FF | RGB 0, 0, 255 (ключовата дума за цвят на CSS/SVG е син; безопасен цвят за браузър)
3. Шестнадесетичен: 0045FF | RGB 0, 69, 255 (средно синьо)
4. Стоманено синьо: Hex 4682B4 | RGB 70, 130, 180 (SVG цветова ключова дума steelblue; корпоративно синьо)
5. Hex: 0080FF | RGB 0, 128, 255 (средно синьо)
6. Светло синьо: Hex ADD8E6 | RGB 173, 216, 230 (SVG цветова ключова дума светлосин)

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

Не е нужно да използвате точно тези нюанси. Преминете малко по-светло или по-тъмно или стъпете едно място наляво или надясно на цветното колело. Тези цветови комбинации ви помагат да намерите подходяща цветова палитра, като използвате синьо и оранжево като основни компоненти.

Смесете Deep Blues със златистожълто

Превърнете тъмносиньото в почти лилаво и добавете капка слънчево жълто в допълваща цветова схема.

Синьото е студен цвят, преминаващ към топъл, докато добавяте лилавите тонове, докато жълтото е топъл цвят от другата страна на цветното колело. За да избегнете неприятни вибрации, избягвайте да използвате в равни количества. Оживете синьото си с пръскане на жълто (или успокойте жълтото си с нотка синьо).

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

• Cadium Yellow: Hex FF9912 | RGB 255, 153, 18 (топло, кафеникаво жълто)
• Злато: Hex FFD700 | RGB 255, 215, 0 (SVG цветова ключова дума злато)
• Числа: шестнадесетичен FFFF00 | RGB 255, 255, 0 (SVG/CSS цветова ключова дума жълто)

Блусът е:

1. Много тъмно синьо: Hex 000033 | RGB 0, 0, 51 (безопасно за браузър тъмно синьо)
2. Среднощно синьо: Hex 191970 | RGB 25, 25, 112 (SVG цветова ключова дума midnightblue)
3. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (SVG цветова ключова дума darkslateblue; сивкаво-лилаво синьо)
4. Индиго: Hex 4B0082 | RGB 75, 0, 130 (SVG цветова ключова дума индиго; пурпурно синьо)
5. Синьо виолетово: Hex 8A2BE2 | RGB 138, 43, 226 (SVG цветова ключова дума blueviolet)
6. Кобалтово синьо: Hex 3D59AB | RGB 61, 89, 171

Цветовете, които насочват към виолетово-лилавата страна на синьото, могат да добавят нотка мистерия, нотки на женственост. Добавя топлина към студеното синьо.

Нюанси на циан с тъмно оранжево

Средно до тъмно циан е синьо на ръба на зеленото. Тук различни средно сини и циан нюанси са съчетани с тъмнокафяви оранжеви цветове.

В допълнение към своите успокояващи качества, този по-тъмен нюанс на синьото може да носи символиката на зеленото, като баланс, хармония и стабилност. Получава малко топлина и енергия, когато се съчетае с кафеникави или червеникави нюанси на оранжево. Кафявото е естествен, земен неутрален цвят. Червеното и синьото са противоположности на цветното колело с висок контраст, но не са непременно страхотна комбинация. Преминаването от червено към оранжево и по-тъмно синьо осигурява по-приятна палитра.

От най-тъмното към най-светлото, червеното-оранжевото, показано с всяка синя мостра в изображението по-горе, е:

• Наситено оранжево червено: Hex CD3700 | RGB 205, 55, 0
• Кадмиево оранжево: Hex FF6103 | RGB 255, 97, 3
• Числа: Червен шестнадесетичен FF0000 | RGB 255, 0, 0 (SVG/CSS цветова ключова дума червено)

Блусът е:

1. Тъмно кралско синьо: Hex 27408B | RGB 39, 64, 139
2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not цветова ключова дума deepskyblue)
3. Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (not цветна ключова дума darkslateblue)
4. Тъмно циан: Hex 008B8B | RGB 0, 139, 139 (по-зелената страна на синьото)
5. Манганово синьо: Hex 03A89E | RGB 3, 168, 158 (син тюркоазен цвят)
6. Циан (Aqua): Hex 00FFFF | RGB 0, 255, 255 (SVG цветова ключова дума циан или аква; синьо-зелен цвят)

Синьо, червено и жълто

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

1. Navy: Hex 000080 | RGB 0, 0, 128
2. Ярко червено: Hex FE0004 | RGB 254, 0, 4
3. Слънчево жълто: Hex FFFB00 | RGB 255, 251, 0
4. Тъмно плоско синьо: Hex 483D8B RGB 72, 61, 139 (SVG цветова ключова дума тъмно плоско синьо; сивкаво-лилаво синьо)
5. Злато: Hex FFD700 | RGB 255, 215, 0 (SVG цветова ключова дума злато)
6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
7. Тъмно циан: Hex 008B8B | RGB 0, 139, 139 (по-зелената страна на синьото)
8. Виолетово-червено: Hex D02090 | RGB 208, 32, 144
9. Тъмнооранжево: Hex C83200 | RGB 200, 50, 0 (not цветна ключова дума тъмно оранжево)

По-тъмните нюанси на синьото означават важност, увереност, сила, авторитет, интелигентност, стабилност, единство и консерватизъм. Червеното е друг мощен цвят, но привлича вниманието повече от синьото. Жълтото добавя малко яркост и радост. Използването на равни количества от всеки цвят би го направило детски (помислете за основните цветове), като пример №1. Въпреки това, ако използвате само малки дози от червено и жълто (или близки цветове) с предимно тъмносиня цветова схема, това е доста подходящо за проекти за възрастни, които не искате да изглеждате твърде сериозни.