رمز اللون السداسي العشري، أو "رمز سداسي" اختصارًا، هو رمز لوني يُستخدم في لغتي HTML وCSS لتحديد لون معين. يتكون هذا الرمز من ستة أرقام سداسية عشرية (من 0 إلى 9 بالإضافة إلى AF) تُمثل مكونات اللون الأحمر والأخضر والأزرق. يُمثل الرقمان الأولان المكون الأحمر، ويُمثل الرقمان الثانيان المكون الأخضر، ويُمثل الرقمان الأخيران المكون الأزرق.
على سبيل المثال، يُمثل الرمز السداسي العشري #FF0000 اللون الأحمر. وذلك لأن رمز اللون الأحمر هو FF (شدة كاملة)، بينما رمزا اللونين الأخضر والأزرق هما 00 (شدة صفرية). وبالمثل، يُمثل الرمز السداسي العشري #00FF00 اللون الأخضر لأنه يحتوي على مكون أخضر بشدته الكاملة ومكونين أحمر وأزرق بشدتهما الصفرية.
يمكن استخدام رموز الألوان السداسية العشرية لإنشاء أي لون يمكن تخيله. على سبيل المثال، #000000 هو اللون الأسود، و#FFFFFF هو اللون الأبيض، و#0000FF هو اللون الأزرق، وهكذا.
ما هي فوائد استخدام رمز HEX؟
هناك بعض الفوائد لاستخدام رمز HEX عندما يتعلق الأمر بـ HTML و CSS:
- إنها طريقة أكثر تحديدًا لتمييز لون معين. وهذا مفيد عند محاولة مطابقة الألوان على صفحة ويب أو تحقيق مظهر معين.
- قد يكون تذكر رمز HEX أسهل من تذكر قيم RGB.
- يمكن أن يؤدي استخدام رمز HEX إلى تقليل حجم ملفات HTML و CSS الخاصة بك.
أمثلة على رموز الألوان السداسية العشرية
رموز HEX هي رموز مكونة من ستة أرقام تُستخدم لتحديد لون معين في لغتي HTML وCSS. يُمثل أول رقمين من رمز HEX المكون الأحمر للون، ويمثل الرقمان التاليان المكون الأخضر، بينما يُمثل الرقمان الأخيران المكون الأزرق. على سبيل المثال، #ff0000 هو لون أحمر ساطع لأنه يحتوي على قيمة عالية للعنصر الأحمر وقيمة منخفضة لكل من المكونين الأخضر والأزرق.
يمكنك استخدام رموز HEX لتحديد أي لون تريده، ولكن هناك أيضًا العديد من أسماء الألوان المُعرّفة مسبقًا التي يمكنك استخدامها. تُمثَّل هذه الألوان برموز HEX الخاصة بها، والتي يمكنك العثور عليها في أي مرجع جيد لـ HTML أو CSS.
كيفية استخدام رمز HEX في HTML/CSS؟
إذا كنت تعمل باستخدام لغة HTML أو CSS، فقد تحتاج إلى استخدام رمز HEX لتحديد لون معين. رمز HEX هو رمز مكون من ستة أرقام يظهر بعد علامة الجنيه الإسترليني (#) ويمثل لونًا محددًا.
على سبيل المثال، إذا كنت ترغب في استخدام اللون الأسود في كود HTML أو CSS الخاص بك، فستستخدم رمز HEX #000000. وبالمثل، فإن رمز HEX للون الأبيض هو #FFFFFF.
أضف رمز HEX إلى كود HTML أو CSS بعد علامة الجنيه (#). على سبيل المثال، إذا أردت إنشاء فقرة باللون الأسود، فستكتب:<p style="“color:#000000”;text-align:right;direction:rtl"> هذه فقرتي.</p>
يمكنك أيضًا استخدام رموز HEX مع ألوان الخلفية. على سبيل المثال، إذا أردت إنشاء زر بخلفية سوداء ونص أبيض، فستكتب: <button style=” background-color:#000000; color:#FFFFFF”>انقر هنا!</button>
تتوفر العديد من رموز HEX للألوان الإضافية، لذا اختر الرمز الذي يناسب احتياجاتك. يمكنك العثور على قائمة برموز HEX لمختلف الألوان عبر الإنترنت.
خاتمة
يُعدّ رمز HEX أداةً بالغة الأهمية لمن يعملون بلغة HTML وCSS. فباستخدام الرمز الذي يلي علامة الجنيه (#) في مستندات HTML أو CSS، يُمكنك تحديد أي لون بسهولة دون الحاجة إلى حفظ قيم RGB. وبفضل تنوّع درجاته وألوانه، يُتيح لك رمز HEX تخصيص كل لون على موقعك الإلكتروني بدقة متناهية. لذا، إذا كنت تبحث عن طريقة لإضفاء لمسة نهائية مثالية على موقعك، فجرّب رموز HEX - فقد تكون هي الحل الأمثل لك!
