مولّد تفتيح الألوان

إنشاء مقياس للألوان الفاتحة

تشتق أنظمة التصميم درجاتها الأفتح غالبًا بخلطها مع الأبيض؛ وتعمل tint-color() في Bootstrap بهذه الطريقة. تنتج درجات الأبيض بنسبة 80–95% خلفيات للتنبيهات والصفوف المحددة والشارات، بينما تمنح نسبة 20–40% نسخة أهدأ من لون العلامة التجارية لملء حالات التمرير والرسوم التوضيحية. أنشئ كل درجة من اللون الأساسي الأصلي بدل تفتيح درجة مفتحة، حتى تظل النسب ذات معنى، واحتفظ باللون الأساسي للنص أو الأيقونات في أفتح الدرجات.

لماذا قد تبدو الدرجات الفاتحة طباشيرية؟

تؤدي إضافة الأبيض إلى خفض التشبع ورفع الإضاءة في الوقت نفسه، لذلك قد تبدو الدرجات الفاتحة حليبية، وقد تميل درجات الأزرق خصوصًا إلى البنفسجي الفاتح. إذا بدت درجة فاتحة غير مناسبة، جرّب لونًا أساسيًا أكثر تشبعًا قليلًا، أو اضبط الإضاءة مباشرةً في محول الألوان وقارن النتيجة. ينجح النص الداكن في اجتياز التباين بسهولة أكبر كلما أصبحت الدرجة أفتح؛ افحص الزوج الذي تستخدمه في فاحص التباين.

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

1. أدخل قيمًا صالحة بالتنسيق #RGB أو #RRGGBB وأي نسبة مطلوبة.
2. شغّل عملية الألوان الثابتة محليًا في المتصفح.
3. راجع عينات الألوان وانسخ النتيجة أو قيم لوحة الألوان.

الخصوصية والقيود

تبقى قيم الألوان على هذا الجهاز. ناتج التباين أداة تحقق رياضية، وليس ضمانًا شاملًا للامتثال لمعايير WCAG؛ فما زال يلزم مراجعة السياق، وعرض الخط، وتباين العناصر غير النصية، وحالات واجهة المستخدم.