ما هو تدرج لوني إلى CSS؟
أداة بناء تدرجات بصرية تتيح لك تصميم تدرجات خطية وشعاعية ومخروطية بنقاط ألوان متعددة، ثم نسخ كود CSS. اضبط الزوايا والمواضع والألوان مع معاينة حية.
كيفية الاستخدام
- اختر نوع التدرج (خطي أو شعاعي أو مخروطي) وحدد الاتجاه أو الزاوية.
- أضف نقاط توقف الألوان أو احذفها أو عدّلها بالنقر على شريط التدرج أو باستخدام منتقيات الألوان.
- انسخ كود CSS المُولَّد لاستخدامه مباشرةً في ورقة الأنماط الخاصة بك.
النتيجة
جرّب تدرج غروب: linear-gradient(135deg, #ff6b35 0%, #f72585 50%, #7209b7 100%) — مناسب لخلفية قسم الهيرو.
أدوات ذات صلة
مولّد التدرجات الشبكية
أنشئ خلفيات بتدرجات شبكية جميلة
محوّل أكواد الألوان
حوّل أكواد الألوان بين HEX وRGB وHSL وCMYK
محوّل الألوان
حوّل بين صيغ HEX وRGB وHSL وHSV وCMYK
خلّاط الألوان
امزج لونين معًا بصريًا
مكتشف أسماء الألوان
اعثر على أقرب لون مسمّى لأي قيمة
مكتشف الألوان المكمّلة
اعثر على الألوان المكمّلة لأي لون