أداة تباين الألوان

مساعدة المصممين والمطورين للتحقق من تباين WCAG بين الألوان الأمامية والخلفية للوصولية على الويب.

Request Feature / Support
8,420+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

عن هذه الأداة

هذه الأداة تحسب نسبة التباين بين لونين إدخاليين وفق WCAG. تقبل ألوان المقدمة والخلفية في صيغ hex أو rgb وتعيد نسبة تباين رقمية وإمكانية تطبيق AA وAAA.
من حيث المفهوم، يحلل سير العمل المعطيات، يحولها إلى sRGB، يحسب الإضاءة النسبية لكل لون ثم يطبق صيغة التباين WCAG. الحساب يستخدم L = 0,2126R + 0,7152G + 0,0722B بعد خطية قيم sRGB، والتباين = (L1 + 0,05) / (L2 + 0,05) مع L1 ≥ L2.
من يفيدهم: مهندسو الواجهة الأمامية، مصممو واجهات الاستخدام، فرق QA وفرق المنتج الذين يقومون بمراجعات الوصول. سيناريوهات الاستخدام تشمل النص فوق الصور، الأزرار على خلفيات مختلفة، التمكين والتدرج اللوني، ولوحات ألوان تفاعلية في الوضعين الفاتح والداكن.
القيمة الفريدة: يدعم صيغ إدخال متعددة، يعيد نتائج رقمية دقيقة ويشير بوضوح إلى التوافق للنص العادي والكبير. الوظائف الاختيارية تشمل إرشادات آلية لضبط أزواج الألوان، ونتائج جاهزة للتصدير لتسليم التصميم، ومخرجات قابلة للقراءة آليا لخطوط أنظمة الأتمتة.

كيفية الاستخدام

  1. قدّم المدخلات: اللون الأمامي ولون الخلفية بصيغة hex أو rgb.
  2. اختياريًا حدّد حجم النص بوحدة px لتعريف النص العادي مقابل الكبير.
  3. اختر وضع الوصول (AA أو AAA).
  4. نفّذ الحساب واطّلع على النتائج.
  5. عدّل الألوان حتى تصل إلى العتبات المطلوبة وأعد الاختبار.
How to use color tool windows

Frequently Asked Questions

اعثر على إجابات سريعة

ما هي صيغ الألوان المدعومة؟
يتقبل الأداة ألوان hex (#RRGGBB أو #RGB) وقيم rgb(a). يتم توحيد المدخلات إلى فضاء ألوان sRGB للحساب. ليست كل الألوان المسماة مضمونة في جميع البيئات.
كيف يتم حساب نسبة التباين؟
يتم تحليل المدخلات وتحويلها إلى قيم sRGB خطية. يتم حساب السطوع النسبي L كما L = 0,2126R + 0,7152G + 0,0722B. نسبة التباين هى (L1 + 0,05) / (L2 + 0,05) مع L1 ≥ L2 وفق صيغ WCAG.
كيف أفسر النتائج؟
تعيد الأداة نسبة التباين ومتحولات passes_AA و passes_AAA. للنص العادي، يتطلب AA على الأقل 4,5:1 و AAA 7:1. للنص الكبير، AA 3:1 و AAA 4,5:1.
هل توجد محاكاة للجهاز أو فضاء اللون؟
تستخدم الأداة sRGB افتراضياً ولا تحاكي عرض جهاز محدد أو اختلافات إدراكية بين الشاشات. تركّز على التباين WCAG للمحتوى الإلكتروني.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Color & Design Tools

محول Spotify إلى MP3

يحوّل ملفات الصوت المقدمة محليًا إلى MP3، مما يتيح الاستماع دون اتصال وتوافقًا عبر الأجهزة للموسيقى...

Color & Design Tools

حساب المسافة بالطرق

حاسب للمسافة بالطرق للمسافرين ومخططي اللوجستيات والسائقين لتقدير المسافات وأزمنة الرحلة بسرعة بين ال...

Color & Design Tools

حاسبة العمر

حدد عمر شخص بسرعة استناداً إلى تاريخ ميلاده مع أداتنا المجانية على الإنترنت، مناسبة للاستخدام الشخصي...

Color & Design Tools

محول العملات

حوّل بسرعة مبالغ بين عملات مختلفة باستخدام محول العملات المجاني عبر الإنترنت، مثالي للمسافرين، الشرك...

ملاحظاتك تهمنا

ساعدنا على التحسن