Pastel CSS Gradient — كود جاهز
أنشئ تدرجات CSS بشكل مرئي: النوع الخطي أو الشعاعي أو المخروطي ومنزلق الزاوية وما يصل إلى ستة توقفات لونية مع معاينة مباشرة كاملة العرض وتعليمة برمجية قابلة للنسخ.
النتيجة
تفتح هذه الصفحة مولد التدرج اللوني مع تدرج ألوان الباستيل الجاهز المحمل: اللون الوردي البودرة #ffdde1 يمتزج مع الورد المغبر #ee9ca7. تعرض لوحة المعاينة النتيجة الناعمة على الفور، مع سطر CSS جاهز أدناه.
تعمل تدرجات الباستيل حيث تصرخ التدرجات المشبعة: الشاشات الداخلية، والبطاقات، والحالات الفارغة، والعلامات التجارية للجمال أو نمط الحياة. نظرًا لأن كلا التوقفين فاتحان، يظل النص الداكن قابلاً للقراءة عبر السطح بأكمله - وهو أمر لا يمكن أن تقدمه التدرجات الأكثر حيوية بدون تراكب.
انسخ الخط كما هو أو قم بتنعيمه أكثر من خلال دفع حيل العتامة المجاورة: حرك نقطة توقف الورد إلى 80% واترك اللون الوردي يهيمن، أو اقلب إلى نوع شعاعي للحصول على توهج مركزي لطيف. تقوم الأداة بتحديث ملف CSS القابل للنسخ عند كل إدخال.