ما هو الكود السداسي؟ كل ما تحتاج إلى معرفته

يعد العمل باستخدام الألوان في HTML أمرًا سهلاً نسبيًا. باستخدام بعض إعلانات CSS البسيطة ، يمكنك تغيير لون أي نص أو خلفية على صفحة الويب الخاصة بك. لكن كيف تحدد اللون؟ ستؤدي الإجابة على هذا السؤال إلى حفرة أرنب تقودنا في النهاية إلى مفهوم رموز الألوان السداسية العشرية.

إذا كنت قد عملت مع HTML أو CSS من قبل ، فمن المحتمل أنك سمعت مصطلح الشفرة السداسية. ولكن ما هو الرمز السداسي عشرية بالضبط؟ ما هي بعض الأمثلة على الأكواد السداسية؟ ما الفرق بين الكود السداسي ورمز اللون RGB؟

ما هو كود الهيكس؟

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

# FF0092

متعلق ب: شروط تصميم الجرافيك الأساسية التي تحتاج إلى معرفتها

يمكنك تحديد الألوان في CSS بعدة طرق مختلفة. يمكنك استخدام أسماء بعض الألوان المحددة مسبقًا مثل أحمر و دارك ماجنتا. لتحديد ظلال اللون بدقة ، ستحتاج إلى استخدام قياس أكثر دقة: شيء رقمي.

يقدم CSS خيارين رئيسيين: RGB و hex. في كلا التنسيقين ، يمكنك تحديد كميات الأحمر والأخضر والأزرق التي تشكل اللون النهائي. يستخدم RGB ثلاثة أرقام بين 0 و 255. يفعل Hex نفس الشيء تمامًا ، فقط مع أساس مختلف (16) عن الرقم العشري (10) الذي اعتدت عليه.

يستخدم Hex الأحرف A-F ، بالإضافة إلى الأرقام من 0 إلى 9 ، ليصبح المجموع 16 رمزًا. A في ست عشري ما يعادل 10 في النظام العشري. F في النظام الست عشري يساوي 15 في النظام العشري.

كيف تعمل رموز الألوان السداسية؟

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

مع قيم 16 × 16 (256) لكل مكون من مكونات اللون ، هناك ثم 256 × 256 × 256 تركيبة ممكنة. في سداسي عشري ، تتراوح من # 000000 (أسود نقي) إلى #FFFFFF (أبيض نقي).

كيفية قراءة رموز الألوان السداسية

من السهل فهم رموز الألوان السداسية. لنأخذ مثال # FF5733. أولاً ، قسّم الأحرف الستة إلى ثلاثة أجزاء تحتوي كل منها على حرفين. كما تعلم ، يمثل الجزءان الأولان اللون الأحمر ، ويمثل الجزءان الثانيان اللون الأخضر ، ويمثل الجزءان الثالثان اللون الأزرق. إذن ، في مثالنا:

• المكون الأحمر RR له القيمة FF.
• المكون الأخضر ، GG ، هو 57.
• المكون الأزرق ، BB ، هو 33.

الآن ، للعثور على شدة مقاطع الألوان هذه ، تحتاج إلى حساب الرقم السداسي العشري باستخدام الخطوات الثلاث التالية:

1. اضرب أول حرف سداسي عشري من RR بـ 16. إذا كان الحرف حرفًا ، فحوله إلى القيمة المقابلة له. في هذه الحالة ، الحرف الأول هو F وهو 15. إذن ، على سبيل المثال لدينا ، فإنك تضرب 15 × 16 يساوي 240.
2. بعد ذلك ، أضف الحرف الثاني من RR. مرة أخرى ، قم بتحويل الحرف إلى قيمته المقابلة ، إذا دعت الحاجة. في مثالنا ، الحرف الثاني هو F يساوي 15.
3. بمجرد الانتهاء ، أضف الإجماليات للحصول على قيمة واحدة. إذا أضفت 240 و 15 من مثالنا ، فسترى أن قيمة FF هي 255.

كرر نفس الصيغة للقطعتين المتبقيتين ، GG يرمز لها بـ 57 و BB يرمز لها بـ 33. إذا بدت الحسابات اليدوية مربكة للغاية ، فيمكنك دائمًا استخدام أداة تحويل سداسية عشرية إلى RGB (مثل محول BinaryHex) لقراءة اللون. يجب أن تجد أن القيمة السداسية # FF5733 يعادل RGB (255 ، 87 ، 51).

لماذا رمز اللون السداسي شائع جدًا؟

في حين أن هناك العديد من نماذج الألوان المختلفة (RGB ، CMYK ، HSL) ، ربما تكون رموز الألوان السداسية هي التمثيل الأكثر استخدامًا. هذا لأنها بسيطة وسهلة الفهم.

تنسيق العرض الثابت مفيد جدًا أيضًا. تتكون الألوان السداسية العشرية كاملة الطول دائمًا من سبعة أحرف ، بما في ذلك الأحرف البادئة # رمز.

تعتبر الألوان السداسية فعالة للغاية ، حيث تستخدم هذه الأحرف السبعة فقط لتمثيل أكثر من 16 مليون لون. والتفريق بين هذه الألوان هو عملية مباشرة.

عرافة مقابل. RGB: هل يوجد فرق؟

يستخدم نظام RGB للترميز اللوني ثلاثة أرقام عشرية للإشارة إلى الكثافة النسبية للأحمر والأخضر والأزرق. يستخدم الأرقام من 0 إلى 9.

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

متعلق ب: أساسيات CSS: العمل باستخدام الألوان

ما هو رمز سداسي عشرية المستخدمة؟

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

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

رمز اللون السداسي ليس علم الصواريخ

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

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

كيفية البحث عن القيمة السداسية لأي لون على شاشتك

تعرف على كيفية اختيار أي قيمة لونية من شاشتك في ثوانٍ. مفيد بشكل خاص لمصممي الويب!

اقرأ التالي

عن المؤلف