مولّد التدرج اللوني

ما هو التدرج اللوني؟

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

التدرج الخطي مقابل التدرج الدائري

يتغير لون التدرج الخطي على امتداد خط مستقيم، وتتحكم في اتجاهه بالزاوية (0° تشير إلى الأعلى، و90° إلى اليمين). أما التدرج الدائري فيبدأ من نقطة في المركز وينتشر على شكل دائرة. يُنشئ هذا المولّد النوعين ويعطيك كود CSS المناسب (linear-gradient أو radial-gradient).

كيف تستخدمه في CSS

انسخ الكود والصقه في خاصية background للعنصر. يمكنك إضافة عدة ألوان وتغيير كل لون بتعديله. وإذا كنت تحتاج أيضًا إلى لوحة ألوان متناسقة، فجرّب مولّد لوحات الألوان، أو افحص التباين قبل وضع نص فوق التدرج.