كيفية التصميم بالألوان الزرقاء والتكميلية

جدول المحتويات:

كيفية التصميم بالألوان الزرقاء والتكميلية
كيفية التصميم بالألوان الزرقاء والتكميلية
Anonim

الأزرق هو أحد الألوان الأكثر شيوعًا المستخدمة في تصميم الويب. يشجع استخدام اللون الأزرق المتوسط إلى الغامق على الشعور بالاسترخاء الذي يمكن للمصممين استكماله باللون الأصفر والبرتقالي.

فيما يلي بعض الطرق المختلفة التي يمكن أن يعمل بها اللون الأزرق مع الألوان الأخرى.

جذب الأضداد والأزرق يسير على ما يرام مع البرتقالي

Image
Image

ضع في اعتبارك الجمع بين اللون الأزرق والبرتقالي في نظام ألوان متكامل.

من الأغمق إلى الأفتح ، البرتقال الذي يظهر مع كل حامل أزرق في الصورة أعلاه هو:

  • عرافةFFA500 | RGB 255 ، 165 ، 0 (برتقالي ذهبي ؛ كلمة رئيسية ملونة SVG وكلمة رئيسية ملونة CSS برتقالية)
  • عرافةFF8000 | RGB 255 ، 128 ، 0 (برتقالي متوسط)
  • عرافةFF4500 | RGB 255 ، 69 ، 0 (أحمر برتقالي ؛ كلمة أساسية ملونة SVG برتقالية)
  • عرافةC83200 | RGB 200 ، 50 ، 0 (برتقالي غامق)
  • الأرقام: HexFF7F27 | RGB 255 ، 127 ، 39 (برتقالي خوخي)

البلوز ، من أغمق إلى أفتح هي:

  1. البحرية:Hex000080 | RGB 0 ، 0 ، 128 (الكلمة الأساسية الملونة CSS / SVG color keyword navy)
  2. أزرق:Hex0000FF | RGB 0 ، 0 ، 255 (الكلمة الأساسية الملونة CSS / SVG زرقاء ؛ لون المتصفح الآمن)
  3. عرافة:0045FF | RGB 0 ، 69 ، 255 (أزرق متوسط)
  4. أزرق فولاذي:عرافة4682B4 | RGB 70 ، 130 ، 180 (كلمة رئيسية ملونة SVG ، أزرق ، أزرق)
  5. عرافة:0080FF | RGB 0 ، 128 ، 255 (أزرق متوسط)
  6. أزرق فاتح:HexADD8E6 | RGB 173 ، 216 ، 230 (لون الكلمة الأساسية SVG lightblue)

يرمز اللون الأزرق الداكن والظلال المتوسطة من اللون الأزرق إلى الأهمية والثقة والقوة والذكاء والاستقرار والوحدة والمحافظة. بإضافة بعض اللون البرتقالي إلى لوحة الألوان التي يغلب عليها اللون الأزرق الداكن ، فإنك تقدم بعض الدفء والطاقة التي يمكن أن تمنع لوح الألوان الخاص بك من أن يكون متكئًا أو شديد القوة.

ليس عليك استخدام هذه الظلال بالضبط. انتقل إلى لمسة أفتح أو أغمق ، أو خطوة واحدة إلى اليسار أو اليمين على عجلة الألوان. تساعدك تركيبات الألوان هذه في العثور على لوحة ألوان مناسبة باستخدام الأزرق والبرتقالي كمكونات رئيسية.

امزج البلوز العميق مع الأصفر الذهبي

Image
Image

خذ اللون الأزرق الداكن إلى اللون الأرجواني تقريبًا وأضف دفقة من أشعة الشمس الصفراء في نظام ألوان متكامل.

اللون الأزرق هو لون بارد يتحرك إلى دافئ عندما تضيف درجات اللون الأرجواني ، بينما اللون الأصفر هو لون دافئ على الجانب الآخر من عجلة الألوان. لتجنب الاهتزازات غير السارة ، تجنب الاستخدام بكميات متساوية.قم بإضفاء الحيوية على اللون الأزرق الخاص بك مع دفقة من اللون الأصفر (أو قم بتهدئة اللون الأصفر مع اندفاعة من اللون الأزرق).

من الأغمق إلى الأفتح ، اللون الأصفر الذي يظهر مع كل حامل أزرق في الصورة أعلاه هو:

  • Cadium Yellow:HexFF9912 | RGB 255 ، 153 ، 18 (أصفر دافئ ، بني)
  • ذهبي:HexFFD700 | RGB 255 ، 215 ، 0 (كلمة رئيسية ملونة SVG ذهبية)
  • الأرقام: HexFFFF00 | RGB 255 ، 255 ، 0 (كلمة أساسية ملونة SVG / CSS صفراء)

البلوز هم:

  1. أزرق غامق جدًا:Hex000033 | RGB 0 ، 0 ، 51 (متصفح آمن باللون الأزرق الداكن)
  2. منتصف الليل:Hex191970 | RGB 25 ، 25 ، 112 (كلمة رئيسية ملونة SVG midnightblue)
  3. Dark Slate Blue:Hex483D8B RGB 72، 61، 139 (الكلمة الأساسية الملونة SVG darkslateblue ؛ أزرق رمادي-بنفسجي)
  4. نيلي:Hex4B0082 | RGB 75 ، 0 ، 130 (كلمة رئيسية ملونة SVG نيلي ؛ أزرق أرجواني)
  5. أزرق بنفسجي:Hex8A2BE2 | RGB 138 ، 43 ، 226 (اللون البنفسجي للكلمة الأساسية SVG)
  6. أزرق كوبالت:Hex3D59AB | RGB 61 ، 89 ، 171

الألوان التي تدفع إلى الجانب البنفسجي البنفسجي من اللون الأزرق يمكن أن تضيف لمسة من الغموض ، تلميحات من الأنوثة. يضيف الدفء إلى اللون الأزرق البارد.

ظلال من السماوي مع البرتقالي الداكن

Image
Image

سماوي متوسط إلى غامق أزرق على حافة اللون الأخضر. هنا ، يتم دمج العديد من الظلال المتوسطة والأزرق السماوي بألوان برتقالية بنية داكنة.

بالإضافة إلى سماته المهدئة ، قد يحمل هذا الظل الغامق للأزرق رمزية اللون الأخضر ، مثل التوازن والانسجام والاستقرار. تحصل على القليل من الدفء والطاقة عند إقرانها بظلال برتقالية بنية أو حمراء. البني لون طبيعي محايد. الأحمر والسماوي متضادان على عجلة الألوان مع تباين عالٍ ، لكنهما ليسا بالضرورة مزيجًا رائعًا.يوفر الانتقال من اللون الأحمر إلى البرتقالي والأزرق الداكن لوحة ألوان أكثر إرضاءً.

من الأغمق إلى الأفتح ، اللون الأحمر البرتقالي الذي يظهر مع كل حامل أزرق في الصورة أعلاه هو:

  • أحمر برتقالي غامق:HexCD3700 | RGB 205 ، 55 ، 0
  • برتقالي الكادميوم:HexFF6103 | RGB 255 ، 97 ، 3
  • الأرقام: Red HexFF0000 | RGB 255 ، 0 ، 0 (كلمة رئيسية ملونة SVG / CSS حمراء)

البلوز هم:

  1. أزرق ملكي داكن:Hex27408B | RGB 39 ، 64 ، 139
  2. Deep Sky Blue:Hex00688B | RGB 0 ، 104 ، 139 (ليسكلمة رئيسية ملونة deepskyblue)
  3. Dark Slate Blue:Hex2F4F4F RGB 47، 79، 79 (notcolor keyword darkslateblue)
  4. سماوي داكن:Hex008B8B | RGB 0 ، 139 ، 139 (الجانب الأخضر من اللون الأزرق)
  5. أزرق المنغنيز:Hex03A89E | RGB 3 ، 168 ، 158 (لون أزرق فيروزي)
  6. سماوي (أكوا):Hex00FFFF | RGB 0 ، 255 ، 255 (كلمة أساسية ملونة SVG سماوي أو أكوا ؛ لون أزرق-أخضر)

أزرق ، أحمر ، أصفر

Image
Image

يأخذ ثالوث مكمل منقسم لونًا واحدًا (في هذه الحالة ، أزرق) ثم يمسك الألوان على جانبي مكمل هذا اللون (اللون المعاكس على عجلة الألوان). تكملة اللون الأزرق النقي أصفر نقي. متوسط اللون الأزرق هو عكس البرتقالي. اعتمادًا على الظل الأزرق الذي تبدأ به وعدد الألوان الوسيطة التي تمر بها ، يمكنك مطابقتها مع ألوان من الأحمر الوردي إلى الأصفر والأخضر.

  1. البحرية:Hex000080 | RGB 0 ، 0 ، 128
  2. أحمر ساطع:HexFE0004 | RGB 254، 0، 4
  3. أصفر مشمس:HexFFFB00 | RGB 255 ، 251 ، 0
  4. Dark Slate Blue:Hex483D8B RGB 72، 61، 139 (الكلمة الأساسية SVG الملونة باللون الأزرق الداكن ؛ الأزرق الرمادي الأرجواني)
  5. ذهبي:HexFFD700 | RGB 255 ، 215 ، 0 (كلمة رئيسية ملونة SVG ذهبية)
  6. Chartreuse:Hex7FFF00 | RGB 127 ، 255 ، 0
  7. سماوي داكن:Hex008B8B | RGB 0 ، 139 ، 139 (الجانب الأخضر من اللون الأزرق)
  8. بنفسجي-أحمر:HexD02090 | RGB 208 ، 32 ، 144
  9. Dark Orange:HexC83200 | RGB 200 ، 50 ، 0 (ليسكلمة رئيسية ملونة برتقالية داكنة)

تدل الظلال الداكنة من اللون الأزرق على الأهمية والثقة والسلطة والسلطة والذكاء والاستقرار والوحدة والمحافظة. اللون الأحمر هو لون قوة آخر ، لكنه يجذب الانتباه أكثر من اللون الأزرق. يضيف اللون الأصفر بعض السطوع والفرح. سيؤدي استخدام كميات متساوية من كل لون إلى جعله طفوليًا (فكر في الألوان الأساسية) ، مثل المثال رقم 1. ومع ذلك ، إذا كنت تستخدم جرعات صغيرة فقط من اللونين الأحمر والأصفر (أو الألوان القريبة) مع نظام ألوان أزرق داكن بشكل أساسي ، فهي مناسبة جدًا لمشاريع البالغين التي لا تريد أن تبدو جادة جدًا.

موصى به: