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

كتابة (135deg, #2193b0 0%, #6dd5ed 100%) linear-gradient يدوياً وإعادة تحميل الصفحة لرؤيتها حلقة بطيئة. هذا المولّد يغلقها: اختر خطياً أو قطرياً أو دائرياً، اسحب منزلق الزاوية، اضبط كل نقطة لونية بمنتقي ألوان أصلي وموضع بالنسبة المئوية — وتعاد المعاينة بعرض الصفحة الكامل رسمها مع كل إدخال فردي، وسطر الخلفية النهائي جاهز دائماً للنسخ.

أنواع التدرج الثلاثة تغطي مهاماً مختلفة. التدرجات الخطية تتلاشى على امتداد اتجاه وتحمل معظم أقسام الصدارة والأزرار؛ التدرجات القطرية تشع من المركز للتوهجات والتظليل؛ التدرجات الدائرية تكتسح حول المركز وتُشغّل المخططات الدائرية ودوائر الألوان. يمكنك التبديل بين الأنواع في أي لحظة — نقاطك تنتقل معك، لذا مقارنة الثلاثة تستغرق ثوانٍ.

حتى ست نقاط لونية تمنحك فسحة لتصاميم متعددة النطاقات، وصفحات الإعدادات المسبقة تقدّم توليفات مجرّبة — غروب دافئ، محيط هادئ وثنائي باستيلي ناعم — كنقاط بداية يمكنك تعديلها بدلاً من لوحات فارغة. لاحظ تقسيم العمل: مولّد لوحات الألوان على هذا الموقع يختار ألواناً مسطحة متناغمة ومحوّل صيغ الألوان يترجم قيمة بين HEX وRGB وHSL، بينما هذه الأداة تؤدي مهمة مختلفة — تحوّل الألوان المختارة إلى كود تدرج CSS جاهز.

كل شيء يعمل محلياً في متصفحك: لا رفع، لا حساب، لا رحلات ذهاب وإياب إلى الخادم، ويستمر المولّد بالعمل دون اتصال بالإنترنت بعد تحميله.