طريقة الاستخدام
- اختر لوناً من المنتقي أو اكتب كود HEX أو قيم RGB أو HSL.
- ستتحدث بقية الحقول والمعاينة تلقائياً.
- انسخ الصيغة التي تحتاجها، وراجع نتيجة التباين.
ما الفرق بين الصيغ؟
HEX كود من ستة أرقام وحروف مثل 0B7A60 وهو الأشهر في CSS. RGB يحدد كمية الأحمر والأخضر والأزرق من 0 إلى 255. أما HSL فيصف اللون بدرجته وتشبعه وسطوعه، وهو الأسهل عند ضبط درجة أفتح أو أغمق من اللون نفسه.
لماذا يهم التباين؟
نص لا يتباين بما يكفي مع خلفيته يصعب قراءته، خصوصاً على الشاشات الصغيرة وللأشخاص ضعاف البصر. توصي إرشادات الوصول بنسبة 4.5 إلى 1 على الأقل للنص العادي و3 إلى 1 للنص الكبير. تعرض الأداة النسبة مع الأبيض ومع الأسود لتختار الأنسب.
أسئلة شائعة
هل يمكن كتابة HEX من ثلاثة أرقام؟
نعم. الكود المختصر مثل F80 يُوسَّع تلقائياً إلى FF8800.
هل تدعم الأداة الشفافية؟
لا. تتعامل الأداة مع ألوان صلبة فقط.
ما معنى AA؟
هو مستوى القبول في معايير الوصول WCAG للنص العادي، ويعني تبايناً لا يقل عن 4.5 إلى 1.