تعرف اكثر على اكواد الوان html

شرحنا في مشاركات سابقة اضافة أكواد ايقونات html إلى مدونات بلوجر والمواقع الإلكترونية واليوم سنشرح اضافة اكواد الوان html

مقدمة عن اكواد الوان html

في دروس سابقة تم شرح اساسيات لغة html  وتعلمنا أن الألوان الأساسية في لغة html تتكون من ستة ارقام وحروف إنجليزية وعلى اليسار منها رمز # هكذا fff000 # ويمكن إضافة الالوان عبر عبر الرمز 

RBG(RR,BB,GG) 

وهي عبارة عن الألوان بصيغة RBG  color codes اي الالوان التي تكتب بصيغة rbg 

بحيث أن حرف R يعني اللون الأحمر وحرف B يعني اللون الازرق وحرف G يعني اللون الأخضر وتكوين الالوان يتم بمزج قيمة هذه الثلاثة الوان مع بعض واعلى قيمة للون هي 255 واصغر قيمة هي صفر 0 فلو كانت القيمة 

RBG(255,255,255)

 

سيتكون لدينا على إثر ذلك اللون الأبيض ولو كانت القيمة 

RBG(0,0,0)

سيتكون لنا اللون الأسود ويمكنك تجريب ذلك وزيادة قيمة اي لون وانقاص الاخر لترى النتيجة 

في مدونات بلوجر بشكل تلقائي يتم إضافة هذه الاكواد عند تضليل النصوص في محرر المشاركات يمكنك الذهاب الى صفحة التأليف بلغة html ورؤية الكود الذي تم صنعه بعد تضليل النص 

---

كيف يمكن الحصول على اكواد الوان html ؟

يمكن الحصول على هذه الاكواد بلغة html عبر عدة مواقع على شبكة الإنترنت مثل موقع html-color-codes قم بالضغط على اللون الذي تريد وسيتم كتابة الكود بالاسفل كما بالصورة 

وايضا يمكنك الحصول على اكواد الوان html عبر موقع html-color.codes وهو موقع آخر ومتطور أكثر ويمكنك الضغط على اللون وسيتم رسم صورة كاملة للون الكود ورمزه (------#) و (__-__-__) Rgb كل ماعليك هو نسخ الكود بأي صيغة تريد واضافته إلى مدونتك او موقعك الإلكتروني

وهنا ايضا موقع colcodes وهو موقع يتم فيه اضافة أكواد الألوان على شكل قوائم في كل قسم قائمة اختر اي لون تريد 

يمكنك نسخ اكواد الالوان من كل هذه الموقع في صيغة color code text اي على شكل نصي بسيط وأخذه للموقع الإلكتروني دون أي صعوبة تذكر 

---

الفرق بين اكواد الوان html والوان css

ليس هناك فرق ولغة css يمكنك تركيب الوان html عليها دون اي مشكلة وهناك مشكلة عامة يجب الإنتباه لها وهي وضع رمز # على يسار كود اللون لكي تتعرف كل المتصفحات على اللون وبعض المتصفحات لا تدعم الالوان بدون إضافة رمز # 

---

شاهد أيضاً

اضافة ايقونات التواصل الاجتماعي الى بلوجر

نتمنى أن تكونوا قد استفدتم من الشرح المختصر ويمكنكم المشاركة بالتعليقات عند مواجهة اي مشكلة 

تحياتنا لكم