كيفية تحويل أسماء الألوان إلى رموز سداسية في جافا سكريبت

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

وظيفة مدمجة

على الرغم من وظائفها الواسعة، إلا أن جافا سكريبت لا توفر في الأصل وظيفة مدمجة. في وظيفة يمكنها تحويل أسماء الألوان مباشرةً إلى تمثيلاتها السداسية العشرية.

مخصص التنفيذ

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

function colourNameToHex(colour) {
    var colours = {
        "aliceblue": "#f0f8ff",
        "antiquewhite": "#faebd7",
        // Additional color names and hex codes go here
    };

    if (typeof colours[colour.toLowerCase()] != 'undefined') {
        return colours[colour.toLowerCase()];
    }

    return false;
}

الاستخدام

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

console.log(colourNameToHex('red')); // Outputs: #ff0000
console.log(colourNameToHex('chartreuse')); // Outputs: #7fff00

قائمة مخصصة

يتضمن المثال المقدم بعض أسماء الألوان لأغراض العرض التوضيحي. يمكنك توسيع هذه القائمة لتشمل جميع أسماء الألوان التي تحتاجها من خلال الرجوع إلى قائمة شاملة من الألوان ورموزها السداسية، مثل تلك الموجودة هنا: https://www.w3schools.com/colors/colors_names.asp