SmartCalcy.إجابات سريعة للحسابات اليومية
/
الملفات والصور والتصميم

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

اختر لونًا بالمنتقي أو اكتبه بأي صيغة. اعرضه بصيغ HEX وRGB وHSL وHSV وCMYK، واحصل على درجاته الفاتحة والداكنة والألوان المتناسقة معه، وافحص ما إذا كان نص بلونين يستوفي إرشادات التباين WCAG لإمكانية الوصول.

الألوان

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

اختر لونًا بالمنتقي أو اكتبه بأي صيغة. اعرضه بصيغ HEX وRGB وHSL وHSV وCMYK، واحصل على درجاته الفاتحة والداكنة والألوان المتناسقة معه، وافحص ما إذا كان نص بلونين يستوفي إرشادات التباين WCAG لإمكانية الوصول.

جزء من قسم «الملفات والصور والتصميم» في SmartCalcy. تعمل في متصفحك دون حساب، وتستخدم عملتك ووحداتك (غيّرها من أعلى الصفحة)، وتعطي تقديرات للعلم فقط، فتحقق من الإرشادات الرسمية قبل الاعتماد على نتيجة.

كيفية استخدام منتقي الألوان وفاحص التباين

ما الذي يحسبه ومتى تستخدمه

يختار الألوان ويحوّلها بين HEX وRGB وHSL وHSV وCMYK، ويقترح درجات فاتحة وداكنة وألوانًا متناسقة، ويفحص تباين النص وفق إرشادات إمكانية الوصول WCAG.

طريقة الاستخدام خطوة بخطوة

  1. اختر لونًا بالمنتقي أو اكتبه بصيغة HEX أو RGB أو HSL أو باسم اللون.
  2. اختر لون خلفية لفحص التباين.
  3. انسخ أي صيغة بنقرة واحدة.
  4. استخدم الدرجات الفاتحة والداكنة والألوان المتناسقة لإنشاء لوحة ألوان.

معنى كل مُدخل

  • اللون – القيمة الافتراضية #2443C8، أزرق SmartCalcy.
  • الخلفية – القيمة الافتراضية الأبيض.

كيف تقرأ النتائج

  • نسبة التباين – من 1:1 إلى 21:1، مع نتائج AA وAAA للنص العادي والكبير.
  • الصيغ – HEX وRGB وHSL وHSV وCMYK.
  • الدرجات الفاتحة والداكنة – نسخ أفتح وأغمق.
  • ألوان متناسقة – متكامل ومتجاور وثلاثي.

الصيغة

نسبة التباين = (L1 + 0.05) ÷ (L2 + 0.05)، حيث L1 وL2 هما السطوع النسبي للونين الأفتح والأغمق. يتطلب WCAG AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير؛ ويتطلب AAA نسبة 7:1 و4.5:1.

مثال محلول

مع الألوان الافتراضية، يحقق #2443C8 على الأبيض نسبة تباين 7.74:1، وهي تجتاز AAA لكل أحجام النص.

الافتراضات والحدود

  • قيم CMYK تحويل بسيط، وليست ملف تعريف طباعة مُدار الألوان.
  • تتبع نتائج التباين معادلة WCAG 2.

أخطاء شائعة

  • فحص التباين على النص الكبير فقط ثم استخدام اللون للنص الصغير.
  • الاعتماد على اللون وحده لإيصال المعنى.

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

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

4.5:1 على الأقل للنص العادي و3:1 للنص الكبير لاستيفاء WCAG AA.

هل للنص الكبير حجم محدد؟

نعم: 24 px على الأقل، أو نحو 18.7 px للخط العريض.

هل يمكنني كتابة اسم اللون؟

نعم، يصلح أي اسم لون في CSS مثل teal أو tomato.

أدوات ذات صلة

#2443C8rgb(36, 67, 200)
نسبة التباين
7.74:1
يجتاز AAA لكل النصوص.
نص كبير، 24 pxهكذا يبدو نص المحتوى العادي بحجم 16 px.
المستوىنص عادينص كبير
AAناجحناجح
AAAناجحناجح

الصيغ

HEX
RGB
HSL
HSV
CMYK

الدرجات الفاتحة والداكنة

ألوان متناسقة

متكامل
متجاور
ثلاثي