Saltar al contenido

Дізнайтеся про особливості палітр кольорів від середнього до темно-синього

15 de abril de 2021

Синій – один із найпоширеніших кольорів, що використовується у веб-дизайні. Використання середнього до темно-синього стимулює розслаблююче відчуття, яке можна доповнити жовтим та оранжевим.

Зразки кольорів синього та інших кольорів із шістнадцятковими номерами

tebapit / Марина Лі
Ось кілька різних способів, як синій може працювати з іншими кольорами.

Змістовий покажчик

Протилежності приваблюють, а синій добре поєднується з помаранчевим

Виберіть синій і виберіть помаранчевий для двоколірної додаткової палітри.

tebapit / Дж. Ведмідь
Розгляньте можливість поєднання синіх кольорів з помаранчевим у додатковій колірній гамі. Від найтемніших до найсвітліших, апельсини, показані з кожним блакитним зразком на зображенні вище:

  • Шістнадцятковий # FFA500 | RGB 255,165,0 (золотисто-помаранчевий; ключове слово SVG і ключове слово CSS оранжеве)
  • Hex # FF8000 | RGB 255128,0 (середньо-оранжевий)
  • Hex # FF4500 | RGB 255,69,0 (помаранчево-червоний; ключове слово SVG помаранчеве)
  • Hex # C83200 | RGB 200,50,0 (темно-оранжевий)
  • Номери: шістнадцятковий # FF7F27 | RGB 255127,39 (персиково-апельсиновий)

Блюз, від темного до світлого:

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

Темно-синій та середні відтінки синього символізують важливість, впевненість, силу, інтелект, стабільність, єдність та консерватизм. Додаючи трохи апельсина у вашу переважно темно-синю палітру, ви додаєте трохи тепла та енергії, які можуть утримати вашу палітру від занадто холодних та непосильних кольорів.

Не обов’язково використовувати ці точні відтінки. Виберіть сенсорний світліший або темніший колір або перейдіть на одне місце вліво або вправо на кольоровому колі. Ці поєднання кольорів якраз допоможуть вам підібрати підходящу колірну палітру, використовуючи синій та оранжевий як основні компоненти.

Поєднайте глибокий блюз із золотисто-жовтим

Виберіть жовтий відтінок, щоб поєднати насичений синій або фіолетовий відтінок синього.

tebapit / Дж. Ведмідь
Візьміть темно-блакитний майже фіолетовий колір і додайте блиск сонячно-жовтого кольору в додаткову колірну гамму. Синій – це холодний колір, який переходить у теплий, коли ви додаєте фіолетові тони, тоді як жовтий – теплий колір з іншого боку кольорового кола. Щоб уникнути неприємних вібрацій, уникайте використання в рівних кількостях. Пожвавіть свій блакитний кольором сплеск жовтого (або заспокойте свій жовтий рисочкою синього). Від найтемнішого до найсвітлішого, жовтий колір, показаний на кожному блакитному зразку на зображенні вище:

  • Кадіум жовтий: Hex # FF9912 | RGB 255,153,18 (теплий, коричнево-жовтий)
  • Золото: Шістнадцятковий # FFD700 | RGB 255 215,0 (кольорове слово SVG золото)
  • Номери: шістнадцятковий # FFFF00 | RGB 255,255,0 (кольорове слово SVG / CSS жовте)

Блюз:

  1. Дуже темно-синій: Шістнадцятковий # 000033 | RGB 0,0,51 (безпечний для браузера темно-синій)
  2. Опівнічний синій: Hex # 191970 | RGB 25,25,112 (ключове слово SVG MidnightBlue)
  3. Темно-шиферний синій: Hex # 483D8B RGB 72,61,139 (ключове слово SVG темно-синій; сірувато-фіолетовий синій)
  4. Індіго: Шістнадцятковий # 4B0082 | RGB 75 0130 (кольорове слово SVG індиго; фіолетово-блакитний)
  5. Синя фіалка: Шістнадцятковий # 8A2BE2 | RGB 138,43,226 (ключове слово SVG blueviolet)
  6. Кобальтовий синій: Hex # 3D59AB | RGB 61,89,171

Кольори, які штовхаються на фіолетово-фіолетову сторону синього, можуть додати нотку загадковості, нотки жіночності. Він додає тепла холодному блакитному.

Відтінки блакитного з темно-помаранчевим

Виберіть колір навколо блакитного та теплого червонуватого оранжевого.

tebapit / Дж. Ведмідь
Блакитний від середнього до темного – синій на межі зеленого. Тут різні відтінки середнього синього та блакитного поєднуються з темно-коричнево-оранжевими кольорами. На додаток до заспокійливих властивостей холодного синього, цей темний відтінок синього може також нести частину символіки зеленого, наприклад, рівновагу, гармонію та стабільність. Він отримує трохи тепла та енергії в поєднанні з коричневими або червонуватими відтінками апельсина. Коричневий – природний, приземлений нейтральний колір. Червоний і блакитний – протилежності на кольоровому колі з високою контрастністю, але вони не обов’язково є чудовим поєднанням. Перехід від червоного до помаранчевого та темного блюзу забезпечує більш приємну палітру. Від найтемнішого до найсвітлішого, червоно-оранжевий, що відображається з кожним синім зразком на зображенні вище:

  • Темно-помаранчево-червоний: Hex # CD3700 | RGB 205,55,0
  • Кадмієвий апельсин: Hex # FF6103 | RGB 255,97,3
  • Номери: Red Hex # FF0000 | RGB 255,0,0 (ключове слово SVG / CSS червоне)

Блюз:

  1. Темно-королівський синій: Шістнадцятковий # 27408B | RGB 39,64,139
  2. Deep Sky Blue: Шістнадцятковий # 00688B | RGB 0,104,139 (ні ключове слово deepskyblue)
  3. Темно-шиферний синій: Hex # 2F4F4F RGB 47,79,79 (ні ключове слово темно-синій)
  4. Темно-блакитний: Шістнадцятковий # 008B8B | RGB 0,139,139 (зелена сторона синього кольору)
  5. Марганцевий синій: Hex # 03A89E | RGB 3168158 (синій бірюзовий колір)
  6. Блакитний (Аква): Шістнадцятковий # 00FFFF | RGB 0,255,255 (ключове слово SVG блакитний або аква; синьо-зелений колір)

Синій, червоний та жовтий

Синій Червоний Жовтий та їх сині доповнення

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

  1. ВМС: Шістнадцятковий # 000080 | RGB 0,0128
  2. Яскраво-червоний: Hex # FE0004 | RGB 254,0,4
  3. Сонячно-жовтий: Шістнадцятковий # FFFB00 | RGB 255 251,0
  4. Темно-шиферний синій: Шістнадцятковий # 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,32,144
  9. Темно-помаранчевий: Hex # C83200 | RGB 200,50,0 (ні ключове слово темно-оранжевий)

Більш темні відтінки синього означають важливість, впевненість, владу, авторитет, інтелект, стабільність, єдність та консерватизм. Червоний – ще один сильний колір, але він привертає увагу більше, ніж синій. Жовтий додає трохи яскравості та радості. Використання однакової кількості кожного кольору зробить його по-дитячому (думаю, основні кольори) дуже схожим на приклад №1, але якщо лише невеликі дози червоного та жовтого (або сусідніх кольорів) використовуються з переважно темно-синьою колірною схемою, це цілком підходить для дорослих проекти, які ви не хочете відображати теж серйозний.