Ocean CSS Gradient — كود جاهز
أنشئ تدرجات CSS بشكل مرئي: النوع الخطي أو الشعاعي أو المخروطي ومنزلق الزاوية وما يصل إلى ستة توقفات لونية مع معاينة مباشرة كاملة العرض وتعليمة برمجية قابلة للنسخ.
النتيجة
تفتح هذه الصفحة مولد التدرج مع تلاشي المحيط الجاهز المحمل: اللون الأزرق المخضر العميق #2193b0 يتدفق إلى اللون المائي الفاتح #6dd5ed. تعرضه المعاينة ذات العرض الكامل مرة واحدة ويكون خط CSS في الخلفية جاهزًا للنسخ.
تعد التدرجات الزرقاء المخضرة الخيار الأكثر أمانًا في واجهة المستخدم: فهي تشير إلى الهدوء والثقة، وتبقي النص الأبيض والداكنة قابلاً للقراءة من كلا الطرفين، وتتناسب مع لوحات المعلومات والصفحات المقصودة SaaS واللافتات بشكل جيد. تشترك كلتا المحطتين في نفس عائلة الألوان الرائعة، لذلك يظل المزيج نظيفًا على طوله بالكامل.
اشحنها كما هي أو اضبطها: قم بانحدار الزاوية للحصول على تأثير عمق رأسي، أو أضف نقطة توقف قريبة من اللون الأبيض بنسبة 100% للحصول على توهج أفق. إذا كنت بحاجة إلى مطابقة الألوان الصلبة للأزرار واللهجات، فإن منشئ لوحة الألوان الموجود على هذا الموقع ينشئ تناغمًا من أي من المحطتين.