ما هو مولّد التدرجات؟
أداة بصرية لبناء تدرجات CSS تتيح لك إنشاء تدرجات خطية ودائرية ومخروطية بنقاط ألوان غير محدودة. اضبط الزوايا والمواضع والألوان فورياً وانسخ CSS بنقرة واحدة.
كيفية الاستخدام
- الخطوة 1 — اختر نوع التدرج (خطي أو دائري أو مخروطي) وحدد الاتجاه أو الزاوية باستخدام شريط تمرير الزاوية أو الأزرار المحددة مسبقاً.
- الخطوة 2 — أضف نقاط ألوان بالنقر على شريط التدرج. اضبط لون كل نقطة وموضعها بالسحب أو بإدخال قيم دقيقة.
- الخطوة 3 — شاهد معاينة التدرج مباشرةً، ثم انسخ كود CSS المُنشأ إلى الحافظة أو نزّله كملف CSS.
النتيجة
لنفترض أنك تريد خلفية رئيسية بألوان الغروب. اختر تدرجاً خطياً بزاوية 135°، عيّن برتقالي عند 0% ووردي عند 50% وبنفسجي عند 100%، ثم انسخ CSS إلى ورقة الأنماط.
أدوات ذات صلة
مولّد التدرجات الشبكية
أنشئ خلفيات بتدرجات شبكية جميلة
محوّل أكواد الألوان
حوّل أكواد الألوان بين HEX وRGB وHSL وCMYK
محوّل الألوان
حوّل بين صيغ HEX وRGB وHSL وHSV وCMYK
خلّاط الألوان
امزج لونين معًا بصريًا
مكتشف أسماء الألوان
اعثر على أقرب لون مسمّى لأي قيمة
مكتشف الألوان المكمّلة
اعثر على الألوان المكمّلة لأي لون