أدوات الألوان
يعمل على جهازك. لا يُرسل أي شيء.لا يتم رفع أي شيء أبدًا - يتم كل التحويل على جهازك.
فاحص التباين
مقابل الأبيض
AA (نص عادي)
5.17:1ناجحAA (نص كبير)
5.17:1ناجحAAA (نص عادي)
5.17:1راسبAAA (نص كبير)
5.17:1ناجحمقابل الأسود
AA (نص عادي)
4.06:1راسبAA (نص كبير)
4.06:1ناجحAAA (نص عادي)
4.06:1راسبAAA (نص كبير)
4.06:1راسبالظلال
حوّل بين HEX وRGB وHSL، تحقق من تباين WCAG، وأنشئ تدرّج ظلال، بالكامل داخل متصفحك.
تحوّل هذه الأداة لونًا بين تدوينات HEX وRGB وHSL، وتتحقق من نسبة تباينه وفق WCAG مقابل النص الأبيض والأسود، وتنشئ تدرّج ظلال من الداكن إلى الفاتح - كل ذلك يُحسب محليًا في متصفحك أثناء الكتابة.
الأسئلة الشائعة
ماذا تعني مستويات WCAG AA وAAA؟
هذه عتبات تباين الوصول من إرشادات إمكانية الوصول لمحتوى الويب: يتطلب AA تباينًا لا يقل عن 4.5:1 للنص العادي (3:1 للنص الكبير، 18pt+ أو 14pt+ عريض)، بينما يتطلب AAA الأكثر صرامة 7:1 للنص العادي (4.5:1 للنص الكبير). تحقيق AA هو الأساس الشائع للنص الذي يمكن الوصول إليه.
لماذا قد تعطي دورة HEX/RGB/HSL قيمة مختلفة قليلًا؟
يخزّن HSL درجة اللون والتشبع والإضاءة كأعداد صحيحة مقرّبة، لذا فإن تحويل RGB إلى HSL والعودة قد يزيح إحدى القنوات بنقطة أو نقطتين بسبب التقريب - وهذا أمر طبيعي يحدث في أي أداة ألوان تدعم HSL.
كيف يتم إنشاء تدرّج الظلال؟
من خلال إبقاء درجة اللون والتشبع ثابتين وتغيير الإضاءة فقط في مساحة HSL، من الأسود تقريبًا إلى الأبيض تقريبًا. إنه تدرّج بسيط وقابل للتنبؤ بدلاً من كونه متجانسًا إدراكيًا (وهو ما يتطلب مساحة لونية أكثر تعقيدًا)، تمامًا كما تقدمه معظم أدوات الألوان الشائعة.