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

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

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support
2,780+
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. تقبل مدخلين للونين بصيغ شائعة، وحجم خط ووزن خط اختياري أو ارتفاع سطري. الاستخدام الأساسي هو التحقق من أن نص الجسم، العناوين، الروابط وعلامات واجهة المستخدم تفي بحدود المقروئية الدنيا للمحتوى على الويب.
فكرياً، يحول الألوان إلى إشراق نسبي في فضاء sRGB، يطبق صيغة WCAG ويعرض نسبة رقمية ومستوى امتثال (AA أو AAA). كما يقترح تعديلات عملية، مثل تعديل الألوان أو زيادة حجم النص، للوصول إلى النسبة المستهدفة. هذا يدعم المصممين أثناء قرارات الألوان والمطورين أثناء التنفيذ. من يستفيد: مختصو الوصول، فرق المنتج، مهندسو QA، ومحرري المحتوى. ما يجعلها فريدة: تجمع حسابات WCAG الدقيقة مع مخرجات سريعة قابلة للتحقق وتدعم فحوصات دفعة واحدة لعدة أزواج ألوان. الميزات الأساسية: التحقق من الإدخال، حساب النسبة وفق WCAG، إرشادات النجاح/الفشل، بيانات النتائج قابلة للتصدير، وضع دفعة اختياري. حالات الاستخدام: اختيار ألوان نص الجسم لواجهات أزرق على أبيض، ضمان وصول عالٍ للروابط والتحقق من التباين في لوحات داكنة.

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

  1. قدم المدخلات: foreground_color, background_color, font_size_px.
  2. اضبط إن لزم الأمر font_weight و line_height لعكس المحتوى الفعلي.
  3. شغّل الحساب للحصول على contrast_ratio ومستوى الوصول.
  4. راجع النتائج، بما في ذلك التوصيات لتعديل اللون وملاحظات.
  5. صدر النتائج أو انسخ البيانات لمراجعات التصميم.
How to use color contrast accessibility tool

Frequently Asked Questions

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

ما هي الحدود AA و AAA لنسبة التباين للنص؟
عادةً تتطلب AA حد تباين 4.5:1 للنص العادي و3:1 للنص الكبير، بينما AAA يتطلب 7:1 للنص العادي و4.5:1 للنص الكبير، حسب المحتوى والسياق.
أي صيغ ألوان مدعومة؟
تشمل الصيغ المدعومة hex (#RRGGBB أو #RGB)، rgb()، وأسماء الألوان الشائعة. يتم تطبيع المدخلات إلى فضاء sRGB القياسي قبل الحساب.
هل يمكنني اختبار عدة أزواج ألوان دفعة واحدة؟
نعم، وضع الدفعة يسمح بتقييم أزواج متعددة من الأمام والخلف في تشغيل واحد. كل زوج يبلّغ عن نسبته ومستوى الامتثال وتوصياته.
هل يقوم الأداة بتعديل الألوان تلقائياً؟
لا، الأداة لا تغيّر الألوان تلقائياً. تقدم توصيات دقيقة وبيانات قابلة للتصدير لتوجيه المصممين في اختيار تركيبات ألوان مطابقة.

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

Web & SEO Tools

محول Spotify إلى MP3

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

Web & SEO Tools

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

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

Web & SEO Tools

حاسبة العمر

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

Web & SEO Tools

محول العملات

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

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

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