يجذب اللون الأزرق المستخدم على الشبكة الاجتماعية الشهيرة فكونتاكتي انتباه العديد من المستخدمين. يسلط هذا الظل الغني الضوء على الشعار والهوية المؤسسية للمنصة ، مما يجعلها معروفة.
لإنشاء اللون الأزرق الخاص بك الذي سيكون له جمالية مماثلة وتأثير على القارئ ، تحتاج إلى أن تأخذ في الاعتبار نموذج اللون رغب. في نموذج رغب ، يمكن الحصول على اللون الأزرق عن طريق تعيين قيم الأحمر والأخضر إلى الصفر ، وقيمة الأزرق إلى 255 كحد أقصى. وهكذا ، باستخدام هذه القيم ، يمكنك عمليا إعادة إنشاء سمة اللون الأزرق من فكونتاكتي.
ومع ذلك ، للحصول على ظل أكثر دقة من اللون الأزرق ، يمكنك استخدام طرق أخرى. على سبيل المثال ، يمكنك استخدام العديد من اللوحات عبر الإنترنت وأدوات اختيار الألوان ، حيث يمكنك رؤية رمز اللون المقابل تماما للون الأزرق المستخدم في فكونتاكتي. سيساعد هذا في جعل موقع الويب الخاص بك أو شعارك مشابها قدر الإمكان لهذه الشبكة الاجتماعية الشهيرة وإنشاء نمط موحد لمشروعك عبر الإنترنت.
- خلق اللون الأزرق في نمط فكونتاكتي
- باستخدام الأنماط الجاهزة
- ضبط اللون الأزرق يدويا
- تغيير ظلال اللون الأزرق
- إضافة اللون الأزرق إلى عناصر مختلفة
خلق اللون الأزرق في نمط فكونتاكتي
ينظر إلى اللون الأزرق في نمط فكونتاكتي على أنه اللون الرئيسي للمنصة. لإنشاء مثل هذا اللون في المشاريع الخاصة بك ، وسوف تحتاج إلى معرفة رمز رغب أو اسمها.
رمز رغب من اللون الأزرق المستخدمة في فكونتاكتي هو #2787 ف 5. هذا الرمز هو مزيج من ثلاثة أرقام تمثل ظلال من الأحمر (27) والأخضر (87) والأزرق (5) الألوان.
يمكنك أيضا استخدام اسم اللون لإنشاء لون أزرق في نمط فكونتاكتي. اسم هذا اللون هو المراوغالأزرق. في كس ، يمكنك كتابة التعليمات البرمجية على النحو التالي:
اللون: دودجيربلو;
الآن أنت تعرف كيفية إنشاء لون أزرق يطابق نمط فكونتاكتي في مشاريعك. استخدم رمز رغب #2787 اف 5 أو اسم اللون دودجيربلو للحصول على النتيجة المرجوة.
باستخدام الأنماط الجاهزة
.
مثال على استخدام الأنماط الجاهزة لإنشاء لون أزرق:
| مثال على النص باستخدام اللون الأزرق |
.
باستخدام الأساليب الجاهزة يسمح لك بسرعة وسهولة إنشاء اللون الأزرق مماثلة للون على الشبكة الاجتماعية فكونتاكتي ، دون الحاجة إلى تحديد يدويا رغب أو قيم رمز عرافة.
ضبط اللون الأزرق يدويا
قد يتطلب إنشاء نفس اللون الأزرق تماما كما هو الحال في شبكة فكونتاكتي الاجتماعية يدويا بعض الجهد. تستخدم إعدادات الشبكة الاجتماعية اللون الأزرق ، الذي يحتوي على نموذج الألوان التالي:
| رغب | # | عرافة |
|---|---|---|
| 66 | 71 | 173 |
لتحقيق لون أزرق دقيق ، تحتاج إلى استخدام القيم المناسبة لرغب أو رمز اللون عرافة في المشروع الخاص بك.
تغيير ظلال اللون الأزرق
لإنشاء لون أزرق ، كما هو الحال في شبكة فكونتاكتي الاجتماعية ، يمكنك استخدام ظلال مختلفة من اللون الأزرق. فيما يلي بعض الأمثلة:
1. #0077 ب 5 هو الظل الرئيسي للأزرق المستخدم في شعار فكونتاكتي.
2. #3 ب 5998 هو ظل شائع آخر من اللون الأزرق ، ويستخدم أيضا في تصميم شبكة اجتماعية.
3. #4267 ب 2 هو ظل أزرق يستخدم في خلفية العناوين والأزرار على صفحات فكونتاكتي.
4. # إسيف 5 هو الظل الفاتح من اللون الأزرق المستخدمة في خلفية لوحات وكتل على موقع فكونتاكتي.
بالإضافة إلى ذلك ، يمكنك تجربة ظلال مختلفة من اللون الأزرق ، اعتمادا على تفضيلاتك واحتياجاتك. للقيام بذلك ، يكفي تغيير قيم رغب (الأحمر والأخضر والأزرق) في رمز اللون.
على سبيل المثال ، لإنشاء ظل أغمق من اللون الأزرق ، يمكنك زيادة قيمة اللون الأزرق ، على سبيل المثال ، تغيير رمز اللون إلى #0055 ب 5.
أو لإنشاء ظل أفتح ، يمكنك زيادة قيم اللونين الأحمر والأخضر ، على سبيل المثال ، تغيير رمز اللون إلى #66 أ 7 هـ 8.
وهكذا ، لإنشاء لون أزرق مماثل لتلك المستخدمة في الشبكة الاجتماعية فكونتاكتي ، يمكنك استخدام ظلال مختلفة من اللون الأزرق ، وكذلك تجربة مع قيم رغب لتحقيق الظل المطلوب.
إضافة اللون الأزرق إلى عناصر مختلفة
يمكن أن يضيف اللون الأزرق في التصميم جوا خاصا ومبهجا للعناصر المختلفة لموقعك على الويب. في هذا القسم ، سنلقي نظرة على كيفية استخدام اللون الأزرق لتمييز عناصر معينة على صفحتك.
1. الروابط: واحدة من أكثر الطرق شيوعا لاستخدام اللون الأزرق هي تطبيقه على الروابط. لتعيين اللون الأزرق للارتباط ، ببساطة إضافة فئة كس المناسبة أو معرف إلى عنصر الارتباط الخاص بك. على سبيل المثال:
أ. رابط أزرق {
اللون: أزرق;
}
في هذا المثال ، نقوم بإنشاء فئة كس" الأزرق الارتباط " ، الذي يحدد اللون الأزرق للارتباط. ثم يمكنك تطبيق هذه الفئة على رابط هتمل الخاص بك. على سبيل المثال:
الرابط الخاص بي
الآن سيكون لرابطك لون نص أزرق.
2. العناوين الرئيسية: يمكنك أيضا استخدام اللون الأزرق لتمييز العناوين على صفحتك. للقيام بذلك ، ببساطة إضافة نمط كس إلى عنصر الرأس الخاص بك. على سبيل المثال:
ح1 {
اللون: أزرق;