chevron_right

مولد التدرجات

أنشئ تدرجات CSS بصريًا مع معاينة مباشرة.

النوع

LinearRadialConic

الزاوية: 135°

نقاط اللون

100%

الإعدادات الجاهزة

CSS المُنشأ

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

ادوات مشابهة

منشئ الألوان العشوائية

أنشئ لوحات ألوان عشوائية مع قواعد التناسق.

منشئ Border Radius

تحكم في تدوير الزوايا بصرياً وانسخ كود CSS.

منشئ CSS Clip-Path

أنشئ أشكال CSS clip-path مع معاينة مباشرة.

مولد سجلات DNS

أنشئ أسطر سجلات DNS بسيطة للأنواع الشائعة.

إزالة HTML وسوم

Strip HTML وسوم من نص مع options إلى فك الترميز entities, preserve سطر فواصل, و keep link URLs.

apps

أنشئ التدرجات بصريًا قبل ضبطها نهائيًا في الكود

تصبح التدرجات أكثر تعقيدًا بسرعة عندما تجمع بين الزاوية والنوع وعدة نقاط لونية. تساعدك هذه الأداة على استكشاف هذه القرارات بصريًا أولًا ثم نسخ CSS نظيف عندما تصل إلى النتيجة المناسبة.

متى تكون أكثر فائدة

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