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

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

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

01 от 04

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

Изберете синьо и изберете оранжево за 2-цветна допълваща палитра.

Lifewire / J. Bear

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

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

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

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

ВМС

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

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

как да синхронизирам Outlook и Google Календар -

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

02 от 04

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

Изберете нюанс на жълто, за да вървите с наситено синьо или виолетово синьо.

Lifewire / J. Bear

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

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

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

Числа: шестнадесетичен #FFFF00 | RGB 255,255,0 (SVG/CSS цветова ключова дума жълто)

Блусът е:

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

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

03 от 04

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

Изберете цвят около циан и топло червеникаво оранжево.

Lifewire / J. Bear

бутон за начало на windows 10 не се отваря

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

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

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

Числа: Red Hex #FF0000 | RGB 255,0,0 (SVG/CSS цветова ключова дума червено)

Блусът е:

не

04 от 04

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

Синьо Червено Жълто и техните сини допълнения

Lifewire / J. Bear

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

ВМС: Шестнадесетичен #000080 | RGB 0,0,128
Ярко червено: Шестнадесетичен #FE0004 | RGB 254,0,4
Слънчево жълто: Шестнадесетичен #FFFB00 | RGB 255,251,0
Тъмно шисти синьо: Шестнадесетичен #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,32,144
Тъмно оранжево: Шестнадесетичен #C83200 | RGB 200,50,0 ( не цветна ключова дума тъмно оранжево)

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