التباين
4.58 : 1
صمم تدرجا خطيا أو شعاعيا أو مخروطيا بصريا، واضبط الألوان والاتجاه والتباين ثم انسخ كود CSS النظيف.
معاينة مباشرة
نص واضح فوق التدرج
التباين
4.58 : 1
لون النص
#ffffff
اختبر النتيجة بعرض الهاتف قبل النشر.
خلفية CSS
background: linear-gradient(135deg, #2563eb 0%, #f97316 100%);نمط مضمن
style="background: linear-gradient(135deg, #2563eb 0%, #f97316 100%);"حافظ على تباين كاف بين النص والخلفية.
قلل عدد نقاط اللون في واجهات الإنتاج ما لم يحتج التصميم إليها.
استخدم خلفيات هادئة خلف النماذج ولوحات البيانات.
اختبر النتيجة بعرض الهاتف قبل النشر.
ملاحظات مهمة
تعتمد الحسابات على صيغ قياسية. قد يتم تقريب القيم المعروضة لتسهيل القراءة. تحقق من مصدر رسمي قبل القرارات المهمة.
احفظ هذه النتيجة أو قارنها بنتائج سابقة أو شارك تقريرًا.
يحدد الاتجاه وتوزيع نقاط اللون وتباين النص والمحتوى الموضوع فوق الخلفية ما إذا كان التدرج متوازنا أم مزدحما.
نعم، أضف حتى ست نقاط لون وعدل موضع كل نقطة.
قد يكون التباين منخفضا. راجع النسبة وجرب لون نص أغمق أو أفتح.
نعم، يمكن استخدام قيمة CSS أو النمط المضمن في أي إطار ويب.