مولّد التدرّجات اللونية في CSS
أنشئ تدرّجات CSS خطية وشعاعية. اختر الألوان بصريًا وانسخ كود CSS الناتج.
background: linear-gradient(135deg, #535beb, #7c3aed);
ما هو مولّد التدرّجات اللونية في CSS؟
تدرّجات CSS هي انتقالات لونية بين لونين أو أكثر. تتدفق التدرّجات الخطية في اتجاه واحد؛ بينما تنبعث الشعاعية من نقطة. يغطي هذا المولّد الحالات الشائعة؛ أما التدرّجات المعقّدة متعددة المحطات بمواضع مخصصة فأنشئها يدويًا.
الأسئلة الشائعة
هل التدرّجات فعّالة؟▼
هل يمكنني تحريك التدرّجات؟▼
أدوات ذات صلة
محوّل الألوان (HEX/RGB/HSL)
حوّل الألوان بين صيغ HEX و RGB و HSL. اختر لونًا بصريًا أو أدخل القيم يدويًا.
مولّد box-shadow في CSS
أنشئ قيم box-shadow في CSS بصريًا. عاين في الوقت الفعلي وانسخ الـ CSS المولَّد.
مولّد منحنيات التسارع cubic-bezier
أنشئ منحنيات تسارع (easing) بصيغة cubic-bezier لـ CSS. يتضمن إعدادات مسبقة قياسية.
مولّد لوحات الألوان
أنشئ لوحات ألوان متناغمة انطلاقًا من أي لون أساسي. يدعم الأنظمة المكمّلة والمتشابهة والثلاثية والأحادية اللون.
مولّد border-radius في CSS
أنشئ قيم border-radius معقّدة في CSS بصريًا. تحكّم مستقل في كل زاوية.
مولّد CSS Clamp()
أنشئ قيم CSS مرنة ومتجاوبة باستخدام clamp(). تتدرّج بسلاسة بين الحدين الأدنى والأقصى عبر نطاقات إطار العرض (viewport).