🛝Toolio
حول اتصل بنا

🌗 مُحلل تباين الألوان (WCAG AA / AAA)

تحقق فورًا من توافق زوج اللون الخاص بالنص والخلفية مع معايير WCAG 2.x AA أو AAA للكفاءة في الوصول - مباشرة في متصفحك، مجاني، بدون نقل أي بيانات من جهازك. اختر أو اكتب أي لون سداسي، وانظر نسبة التباين الدقيقة، واحصل على شارات واضحة للنجاح أو الفشل للنص العادي، والنص الكبير، ومستوى التوافق لكل منهما.

لون النص
لون الخلفية
نتائج التباين
نسبة التباين
مُعاينة مباشرة

مصمم للخصوصية. تعمل هذه الأداة بالكامل في متصفحك — لا يتم رفع أي شيء تدخله أو تخزينه، وتعمل الأداة دون اتصال بالإنترنت.

حول

تُحسب نسبة التباين الخاصة بـ WCAG (موجزات محتوى الويب للكفاءة في الوصول) باستخدام صيغة تُحسب السطوع النسبي لكل لون باستخدام معيار IEC 61966-2-1 sRGB، ثم تُحسب كم من الألوان أفتح من الأخرى. نسبة 4.5:1 أو أعلى تحقق من AA للنص العادي (16 بكسل)، بينما 7:1 أو أعلى تحقق من AAA. للنص الكبير (24 بكسل أو 18.67 بكسل بخط عريض) توجد حدود مطورة: 3:1 للـ AA و4.5:1 للـ AAA. تعمل هذه الأداة بالكامل على الخوارزمية الكاملة لـ WCAG 2.x في متصفحك - بدون خادم، بدون حساب. يتم تخزين النتائج محليًا، لذا زوج اللون الأخير الخاص بك سيكون جاهزًا عند عودتك.

كيف تستخدم

  1. اختر لون النص باستخدام مُحدد الألوان أو أدخل رمزًا سداسيًا (مثلاً #1a2b3c) في حقل لون النص.
  2. اختر لون الخلفية بنفس الطريقة في حقل لون الخلفية. استخدم زر التبديل لتبديل الألوان بسرعة.
  3. اقرأ نسبة التباين المعروضة بخط كبير وتحقق من شارات النجاح/الفشل الأربعة: AA و AAA لكل من النص العادي والنص الكبير.
  4. ابصر كيف يبدو نصك فعليًا على الخلفية المختارة في قسم المعاينة الحية قبل إكمال تصميمك.

الأسئلة الشائعة

هل هذا مُحلّل تباين WCAG مجاني للاستخدام؟
نعم، مجاني تمامًا بدون تسجيل، بدون حواجز دفع، ولا حدود للاستخدام. افتح الصفحة وابدأ فورًا بفحص الألوان.
هل يعمل دون اتصال بالإنترنت؟
نعم. يتم تنفيذ جميع الحسابات تمامًا في متصفحك باستخدام لغة جافا سكريبت. بمجرد تحميل الصفحة، يمكنك الانفصال عن الإنترنت والأداة تظل تعمل. لا تُرسل أي بيانات إلى أي خادم.
هل بيانات الألوان الخاصة بي خصوصية؟ هل يتم رفع أي شيء؟
لا تغادر ألوانك متصفحك أبدًا. لا توجد تحليلات لألوانك التي تدخلها، ولا رفع، ولا مشاركة مع طرف ثالث. زوج الألوان الأخير فقط يتم حفظه في تخزين المتصفح المحلي (localStorage).
ما الفرق بين WCAG AA و AAA؟
AA هو المعيار الأدنى المطلوب من قبل معظم القوانين (مثلاً ADA، EN 301 549). يحتاج النص العادي إلى نسبة 4.5:1، والنص الكبير (24 بكسل أو 18.67 بكسل بالخط العريض) يحتاج إلى 3:1. AAA هو الوصولية المحسّنة: 7:1 للنص العادي و4.5:1 للنص الكبير. اجعل هدفك على الأقل AA في جميع التصميمات الإنتاجية.
هل يمكنني فحص الألوان باستخدام رموز سداسية قصيرة مثل #fff؟
نعم. تقبل الأداة كلاً من الرموز القصيرة (3 أحرف #rgb) والرموز الكاملة (6 أحرف #rrggbb). فقط اكتب أو لصق لونك وستقوم الأداة بتوسيعه وتقييمه تلقائيًا.
هل هذه الأداة ترفع بياناتي؟
لا. يعمل كل شيء مباشرة في متصفحك، لذا بياناتك لن تغادر جهازك أبداً — بل إنها تعمل دون اتصال بالإنترنت بمجرد تحميل الصفحة.