ضبط لون النص بناءً على سطوع الخلفية

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

طرق ضبط التباين

• ]حساب السطوع: حساب المتوسط ​​المرجح لقنوات الألوان (RGB) لتحديد السطوع المستوى.
• نسبة التباين: قارن سطوع النص والخلفية لضمان التباين الكافي لإمكانية الوصول البصري.

الموارد المتاحة

• مدقق التباين W3C: يوفر اتحاد شبكة الويب العالمية (W3C) خوارزمية موحدة لـ حساب سطوع اللون وضمان التباين المناسب.
• حساب سطوع اللون: استكشف الموارد عبر الإنترنت التي تقدم وظائف لقياس سطوع لون معين.

]خوارزمية تباين W3C

const rgb = [255, 0, 0];

function setContrast() {
  // Calculate brightness
  const brightness = Math.round(((parseInt(rgb[0]) * 299)  
                      (parseInt(rgb[1]) * 587)  
                      (parseInt(rgb[2]) * 114)) / 1000);
  // Set text color
  const textColour = (brightness > 125) ? 'black' : 'white';
  // Set background color
  const backgroundColour = 'rgb('   rgb[0]   ','   rgb[1]   ','   rgb[2]   ')';

  $('#bg').css('color', textColour); 
  $('#bg').css('background-color', backgroundColour);
}

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