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