محول الألوان ومدقق التباين

ثلاث طرق لقول نفس الشيء

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

التباين وسبب وجوده هنا

تحدد نسبة التباين ما إذا كان بإمكان أي شخص قراءة النص الموجود على الخلفية. يطلب WCAG AA ما لا يقل عن 4.5 إلى 1 للنص الأساسي و3 إلى 1 للنص الكبير. تقوم هذه الأداة بتحديد النسبة بين الأبيض النقي والأسود النقي، والتي تخبرك على الفور بلون النص الذي يجب استخدامه على خلفية معينة.

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

الإضاءة النسبية

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

هل تحتاج إلى التعامل مع هذا عبر موقع الويب بالكامل؟ انظر لدينا خدمات تصميم واجهة المستخدم وتجربة المستخدم الصفحة.