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

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

Request Feature / Support
6,060+
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 المتوافقة بين ألوان الأمام والخلفية. تأخذ في الاعتبار سياقات حجم النص للإشارة إلى اجتياز/فشل في النص العادي والكبير، وتعرض نسبة رقمية مع حكم من الوصول.
بشكل ملموس، يقبل اللون الأمامي، ولون الخلفية وحجم الخط بالجpx، ويحوّل الألوان إلى سطوع sRGB ويطبق صيغة النسبة القياسية. المعايير تتبع WCAG: 4.5:1 للنص العادي AA، 7:1 للنص العادي AAA؛ 3:1 للنص الكبير AA، 4.5:1 للنص الكبير AAA. الوظائف الاختيارية تشمل معالجة ألفا، محاكاة عمى الألوان وتوصيات ألوان في وضع متقدم.
الجمهور المستهدف هم المصممون، مهندسو الواجهة الأمامية، المحترفون في الوصول ومجموعات المنتجات التي تسعى لنتائج سريعة ودقيقة ومتوافقة مع المعايير. القيمة الفريدة تكمن في التقييم حسب حجم النص مع حالة Pass/Fail واضحة ومخرجات قابلة للتصدير لدعم الإصلاح والحوكمة.

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

  1. قدّم ألوان الأمام والخلفية وحجم الخط بوحدة px.
  2. نفّذ الحساب للحصول على نسبة التباين وحالة المطابقة للنص العادي والكبير.
  3. راجع النتائج؛ إذا فشلت، غيّـر الألوان أو حجم النص.
  4. استخدم بدائل الألوان الموصى بها للوصول إلى أهداف AA/AAA بسرعة.
  5. صدر أو انسخ النتيجة للتوثيق.
How to use online color contrast analyzer

Frequently Asked Questions

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

ما هي نسبة التباين للألوان؟
النسبة هي معيار WCAG يستند إلى الإضاءة العكسية الفعلية بين اللون الأمامي والخلفية. يتم التعبير عنها كـ x:1 مع x ≥ 1؛ القيم الأعلى تعني وضوحاً أفضل. يعرض الهدف الرقمي وقرار كل حجم نص.
كيف تُطبق العتبات؟
للنص العادي، WCAG AA يتطلب 4.5:1 على الأقل وAAA 7:1. للنص الكبير، 3:1 AA و4.5:1 AAA. يطبق الأداة هذه العتبات لتحديد Pass أو Fail لكل سياق نصي.
كيف يتم التعامل مع الشفافية؟
إذا احتوى اللون على ألفا، يتم دمجه افتراضياً على الأبيض قبل حساب الإضاءة. هذا يعطي لوناً فعالاً. في وضع متقدم يمكن تعديل المعالجة أو عرض المدخلات الأولية للتحليل.
ما صيغ الإدخال المدعومة؟
الاداة تقبل Hex (#RRGGBB أو #RGB)، rgb()/rgba() وأسماء ألوان CSS. إذا لم يتم تحليل أي إدخال، يتم عرض رمز خطأ بدلاً من رسالة واجهة المستخدم.

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

محول العملات

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

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

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