Tiny Online Tools logoTiny Online Toolssearchابحث في الادوات…grid_viewكل الادوات
الرئيسيةchevron_rightادوات التصميمchevron_rightفاحص تقابل الألوانفاحص تقابل الألوان

فاحص تقابل الألوان

تحقق من نسب تقابل الألوان وفق معيار WCAG 2.1 لإمكانية الوصول.

#1e1b4b#ffffff

Sample Heading Text

The quick brown fox jumps over the lazy dog. This is body text at 16px to demonstrate readability at normal size.

15.99:1
Contrast Ratio
نتائج WCAG 2.1
check_circle
AA Normal Text
Min 4.5:1Body text, UI components
ناجح
check_circle
AA Large Text
Min 3:118pt+ or 14pt+ bold
ناجح
check_circle
AAA Normal Text
Min 7:1Enhanced: body text
ناجح
check_circle
AAA Large Text
Min 4.5:1Enhanced: large text
ناجح

ادوات مشابهة

منتقي الألوان من الصورة

منتقي الألوان من الصورة

اختر رموز الألوان من أي صورة.

محول أكواد الألوان

محول أكواد الألوان

حوّل أكواد الألوان بين HEX وRGB وHSL.

منشئ الألوان العشوائية

منشئ الألوان العشوائية

أنشئ لوحات ألوان عشوائية مع قواعد التناسق.

مولد التدرجات

مولد التدرجات

أنشئ تدرجات CSS بصريًا مع معاينة مباشرة.

مقارنة الهاش

مقارنة الهاش

قارن بين قيمتي هاش مع إبراز الفروق بين الأحرف وأنشئ هاشات SHA.

ضاغط HTML

ضاغط HTML

ضغط HTML بإزالة التعليقات والمسافات البيضاء والسمات الزائدة.

محلل User Agent

محلل User Agent

حلل المتصفح ونظام التشغيل والجهاز من سلسلة user agent.

apps

المزيد من الادوات

تصفح مجموعتنا الكاملة من الادوات المجانية عبر الانترنت.

افحص التقابل قبل اعتماد الألوان في الإنتاج

قد تبدو لوحة الألوان جميلة لكنها لا تزال غير مناسبة من ناحية إمكانية الوصول. يساعدك هذا الفاحص على اختبار تركيبات لون النص والخلفية مقابل حدود تقابل WCAG حتى تكتشف المشكلة قبل أن تصل إلى نظام التصميم أو مكتبة المكونات أو المنتج النهائي.

ماذا تعني النتائج

تعرض الأداة نسبة التقابل وما إذا كان الزوج اللوني ينجح في مستويات WCAG الشائعة الخاصة بـ:

  • النص العادي وفق AA
  • النص الكبير وفق AA
  • النص العادي وفق AAA
  • النص الكبير وفق AAA

لماذا يهم ذلك عمليًا

يفيد فحص تقابل الألوان عندما تحتاج إلى:

  • التحقق من ألوان الهوية داخل المكونات
  • اختبار النص فوق الأزرار والبطاقات واللافتات
  • مراجعة إمكانية الوصول أثناء تسليم التصميم
  • تجنب التركيبات صعبة القراءة للمستخدمين ضعاف البصر

النجاح في النسبة ليس كل شيء

قد ينجح زوج لوني تقنيًا ومع ذلك يبقى مرهقًا عند الأحجام الصغيرة أو الأوزان الخفيفة. بعد التأكد من النسبة، من الجيد مراجعة المعاينة الحية بأحجام نص واقعية قبل اعتماد اللونين نهائيًا.