صيغة نسبة التباين WCAG
Formula
التباين = (L1 + 0.05) / (L2 + 0.05) حيث يكون L1 نصوعًا أخف.
Variables
- ر، ز، ب
- قنوات sRGB (0–255 أو 0–1 طبيعية)
- ح، س، ل
- هوى (درجة) والتشبع والخفة (0-1) في HSL
- ل
- النصوع النسبي (WCAG) أو الخفة في HSL/OKLCH
FAQ
- هل صيغة نسبة التباين WCAG دقيقة لسير عمل الطباعة؟
- تستخدم شاشة RGB وطباعة CMYK نطاقات مختلفة. التعامل مع التحويلات كأدلة تقريبية؛ معايرة مع ملفات تعريف ICC للطباعة التجارية.
- هل يمكنني استخدام هذه الصيغة في CSS؟
- يدعم CSS الحديث color-mix() وoklch() وlab() للعديد من العمليات. بالنسبة لخطوط الأنابيب المعقدة، قم بالحساب في JavaScript وتصدير متغيرات CSS.
- هل يقوم Color DevByte بتحميل الألوان الخاصة بي؟
- لا، فالصفحات المرجعية للصيغة هي وثائق ثابتة؛ تعمل الأدوات التفاعلية بنسبة 100% من جانب العميل في متصفحك.
نظرة عامة
حساب تباين النصوع النسبي بين ألوان المقدمة والخلفية.
يقوم Color DevByte بتوثيق هذه الصيغة للمطورين والمصممين ومراجعي إمكانية الوصول الذين يحتاجون إلى حسابات ألوان قابلة للتكرار دون إرسال البيانات إلى الخادم.
استخدم أدوات الألوان المرتبطة لتطبيق هذه الصيغة بشكل تفاعلي من خلال المعاينة المباشرة والتصدير متعدد التنسيقات.
متى تستخدم هذه الصيغة
قم بتطبيق صيغة نسبة التباين wcag عند إنشاء رموز التصميم المميزة، أو التحقق من صحة تباين WCAG، أو أتمتة خطوط أنابيب الألوان في CSS، أو Tailwind، أو نظام التصميم JSON.
بالنسبة لواجهة مستخدم الإنتاج، تحقق دائمًا من النتائج باستخدام مدقق التباين أو المعاينة المرئية - يمكن أن تؤدي حالات الحافة في تصحيح جاما ورسم خرائط النطاق إلى تغيير النتائج.
ملاحظات التنفيذ
يجب أن تعمل الأدوات المستندة إلى المستعرض على جعل sRGB خطيًا قبل حسابات النصوع أو ΔE.
قم بتفضيل استيفاء OKLCH أو LAB للتدرجات والسمات لتجنب نقاط المنتصف الرمادية الشائعة في مزج RGB.