🛠️ أداة المتصفح

مدقق تباين الألوان

تحقق من نسب تباين الألوان لامتثال إمكانية الوصول إلى الويب. اختبر مجموعات ألوان النص والخلفية مقابل إرشادات WCAG مع معاينة فورية، وتقييمات إمكانية الوصول، واقتراحات التحسين.

مدقق تباين الألوان

أنشئ مجموعات ألوان متوافقة مع إمكانية الوصول بثقة

#000000
#f0f4f8

معاينة

نص عادي

This is an example of normal body text that would appear on your website or application.

نص كبير

This is an example of large text (18pt or 14pt bold).

"Good design is accessible design. Contrast is essential for readability."

نسبة التباين

19.00:1

0

النتيجة

نص عادي

AAA

نص كبير

AAA

إرشادات WCAG 2.1: المستوى AA يتطلب 4.5:1 للنص العادي، 3:1 للنص الكبير. المستوى AAA يتطلب 7:1 للنص العادي، 4.5:1 للنص الكبير.

نصائح واقتراحات

  • Maintain a contrast ratio of at least 4.5:1 for normal text.
  • Use 3:1 or higher for large text (18pt or 14pt bold).
  • Consider using darker text on lighter backgrounds or vice versa.
  • For full WCAG AAA compliance, aim for a ratio of 7:1.
  • Adjust brightness or saturation slightly to improve contrast.

أدوات ذات صلة

لون Tools

View All →

صانع كولاج لوحات الألوان

أنشئ كولاجات بصرية مذهلة بدمج صورك مع لوحات الألوان المستخرجة. قم بتحميل أي صورة لاستخراج ألوانها المهيمنة تلقائيًا وإنشاء تركيبات جميلة بتخطيطات وأنماط ونسب أبعاد قابلة للتخصيص.

عارض ومنشئ لوحات الألوان

أنشئ، اعرض، وادِر لوحات الألوان بميزات متقدمة. أنشئ لوحات باستخدام نظرية الألوان، استورد من تنسيقات متنوعة، تحقق من تباين إمكانية الوصول، وصدّر إلى تنسيقات CSS، SCSS، Tailwind، JSON، أو PNG.

محول ألوان HSV إلى بانتون مجاني

حوّل ألوان HSV (الصبغة، التشبع، القيمة) إلى أقرب مطابقاتها من ألوان بانتون على الفور. اعثر على لون بانتون المثالي باستخدام أداة مطابقة الألوان الشاملة لدينا، والتي تتميز بمقارنات بصرية وعلوم ألوان دقيقة.

محول ألوان RGB إلى بانتون مجاني

حوّل ألوان RGB إلى أقرب تطابقات ألوان بانتون لها باستخدام خوارزمية مطابقة الألوان المتقدمة لدينا. تصفح ألوان بانتون المنسقة، قارن اختلافات الألوان، واحصل على رموز ألوان دقيقة لمشاريع التصميم.

محول ألوان هيكس إلى بانتون مجاني

حوّل ألوان الهيكس إلى أقرب تطابقات بانتون باستخدام أداتنا المجانية عبر الإنترنت. تتميز بمطابقة ألوان دقيقة بتقنية دلتا إي (Delta E)، وتصفح أكثر من 40 لونًا شائعًا من بانتون، واحصل على مقارنات ألوان فورية. مثالية للمصممين والطابعين ومحترفي الألوان.

منتقي الألوان من الصور عبر الإنترنت

استخرج الألوان من أي صورة عبر الإنترنت مجانًا. قم بتحميل صورة، انقر لاختيار الألوان، واحصل على قيم HEX و RGB و HSL و CMYK. أنشئ وصدّر لوحات الألوان.

كيفية التحقق من تباين الألوان

1

اختر لون النص

انقر على محدد الألوان الأول لاختيار لون النص الخاص بك، أو أدخل رمز Hex مباشرة.

2

اختر لون الخلفية

استخدم محدد الألوان الثاني لاختيار لون الخلفية لاختبار التباين.

3

مراجعة نتائج التباين

تحقق من نسبة التباين المحسوبة وشاهد تقييمات AA/AAA للنص العادي والكبير.

4

معاينة تصميمك

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

الميزات الرئيسية

اختبار التباين في الوقت الفعلي

احسب نسب التباين فورًا عند اختيار مجموعات مختلفة من ألوان النص والخلفية.

تقييمات امتثال WCAG

احصل على تقييمات AA و AAA لكل من النص العادي والكبير وفقًا لإرشادات إمكانية الوصول لمحتوى الويب.

لوحة المعاينة المباشرة

شاهد بالضبط كيف ستبدو مجموعات ألوانك مع نص نموذجي بأحجام عادية وكبيرة.

مؤشر النتيجة المرئية

شاهد أداء التباين الخاص بك باستخدام مخطط دائري بديهي يوضح الدرجات من 0 إلى 100.

محددات الألوان التفاعلية

اختر الألوان بسهولة باستخدام أدوات تحديد الألوان المدمجة لكل من ألوان النص والخلفية.

نصائح إمكانية الوصول

احصل على اقتراحات عملية لتحسين التباين وتلبية معايير إمكانية الوصول.

ما هو مدقق تباين الألوان؟

مدقق تباين الألوان هو أداة تقيس الفرق في الإضاءة بين ألوان النص والخلفية. يحسب نسب التباين وفقًا لمعايير WCAG (إرشادات إمكانية الوصول لمحتوى الويب) لضمان سهولة قراءة المحتوى للمستخدمين الذين يعانون من ضعف البصر، بما في ذلك عمى الألوان وضعف الرؤية.

لماذا تستخدم مدقق تباين الألوان الخاص بنا؟

1

امتثال WCAG

تأكد من أن تصميماتك تلبي معايير إمكانية الوصول العالمية بتقييمات AA و AAA دقيقة.

2

تغذية راجعة فورية

شاهد النتائج الفورية أثناء تعديل الألوان، مما يسهل العثور على مجموعات متوافقة.

3

نظام تسجيل مرئي

افهم أداء التباين بنظرة واحدة باستخدام نظام التسجيل البديهي من 0 إلى 100.

4

لا يتطلب تثبيت

اختبر مجموعات الألوان على الفور في متصفحك دون الحاجة إلى تنزيل أي برنامج.

الأسئلة المتكررة

ما هي نسبة التباين الجيدة؟

بالنسبة للنص العادي، استهدف نسبة 4.5:1 على الأقل لامتثال AA أو 7:1 لـ AAA. يحتاج النص الكبير (18 نقطة أو 14 نقطة غامق) إلى 3:1 لامتثال AA أو 4.5:1 لـ AAA.

ماذا تعني تقييمات AA و AAA؟

AA هو المستوى القياسي لامتثال إمكانية الوصول المطلوب من قبل معظم اللوائح. AAA هو أعلى مستوى، ويوفر إمكانية وصول محسّنة للمستخدمين الذين يعانون من إعاقات بصرية أكثر خطورة.

كيف يتم حساب نسبة التباين؟

يتم حساب نسبة التباين باستخدام الإضاءة النسبية للألوان كما هو محدد في إرشادات WCAG. وتتراوح من 1:1 (لا يوجد تباين) إلى 21:1 (أقصى تباين).

ما الذي يعتبر نصًا كبيرًا؟

يُعرّف النص الكبير بأنه بحجم 18 نقطة (24 بكسل) أو أكبر، أو 14 نقطة (18.66 بكسل) أو أكبر إذا كان غامقًا. للنص الكبير متطلبات تباين أكثر تساهلاً.

لماذا يعتبر تباين الألوان مهمًا؟

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

هل يمكنني استخدام هذا لأي تنسيق ألوان؟

تقبل الأداة رموز ألوان Hex. يمكنك التحويل من تنسيقات أخرى (RGB، HSL، إلخ) إلى Hex باستخدام المحولات عبر الإنترنت أو أدوات التصميم.