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

يمكن أن تكون التدرجات خطية (تنتقل على طول خط مستقيم)، أو إشعاعية (تنتقل خارجاً من نقطة مركزية)، أو مخروطية (تنتقل حول نقطة مركزية). في CSS، تُنفَّذ كقيم background-image باستخدام دوال linear-gradient() وradial-gradient() وconic-gradient(). تضيف التدرجات عمقاً وبُعداً وجاذبية بصرية للتصاميم. تفضّل اتجاهات التصميم الحديثة التدرجات الخفيفة للخلفيات والتدرجات الجريئة متعددة الألوان للعلامات التجارية (كما هو الحال في إنستغرام وفايرفوكس). عند إنشاء تدرجات بين أزواج ألوان معينة، قد تظهر نقاط وسطى باهتة أو غير نقية؛ ويساعد الاستيفاء بنظام OKLCH في الحفاظ على ألوان زاهية طوال الانتقال.