الكود السداسي العشري ، أو "الرمز السداسي عشري" باختصار ، هو رمز لون يستخدم في HTML و CSS لتعيين لون معين. يتكون الرمز من ستة أرقام سداسية عشرية (0-9 و A-F) تمثل مكونات اللون الأحمر والأخضر والأزرق. يمثل الرقمان الأولان المكون الأحمر ، ويمثل الرقمان الثانيان المكون الأخضر ، ويمثل الرقمان الأخيران المكون الأزرق.
على سبيل المثال ، يمثل الرمز السداسي عشري #FF0000 اللون الأحمر. وذلك لأن الرمز السداسي للأحمر هو FF (الكثافة الكاملة) ، في حين أن رموز الأخضر والأزرق هي 00 (كثافة صفرية). وبالمثل ، يمثل الرمز السداسي عشري #00FF00 اللون الأخضر لأنه يحتوي على مكون أخضر كامل الكثافة ومكونات حمراء وزرقاء صفرية الكثافة.
يمكن استخدام الرموز السداسية لإنشاء أي لون يمكن تخيله. على سبيل المثال ، # 000000 أسود ، #FFFFFF أبيض ، #0000FF أزرق ، وهكذا.
ما هي فوائد استخدام الكود السداسي عشري؟
هناك بعض الفوائد لاستخدام كود 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.
Include a HEX code in your HTML or CSS code after the pound sign (#). For example, if you wanted to create a paragraph with the color black, you would write: <p style= “color:#000000”> This is my paragraph.</p>
You can also use HEX codes with background colors. For example, if you wanted to create a button with a black background and white text, you would write: <button style=” background-color:#000000; color:#FFFFFF”>Click me!</button>
هناك العديد من رموز HEX المختلفة للألوان الإضافية ، لذا اختر الرمز الذي يناسب احتياجاتك. يمكنك العثور على قائمة برموز HEX بألوان مختلفة عبر الإنترنت.
استنتاج
HEX Code هي أداة مفيدة بشكل لا يصدق لأولئك الذين يعملون مع HTML و CSS. يتيح لك استخدام الكود بعد علامة الجنيه (#) في مستندات HTML أو CSS تحديد أي لون بسهولة دون تذكر قيم RGB. مع مجموعة متنوعة من الظلال والأشكال ، يتيح لك HEX Code تخصيص كل ظل على موقع الويب الخاص بك تماما كما هو مطلوب. لذلك إذا كنت تبحث عن طريقة لمنح موقعك تلك اللمسة النهائية المثالية ، ففكر في تجربة رموز HEX - فقد يكون الحل الذي تحتاجه!