مولّد التدرجات

كل الأدوات
مولّد التدرجات
ابنِ تدرجات CSS خطية وشعاعية ومخروطية من الصفر بتحكم متعدد النقاط قابل للسحب وبإعدادات مسبقة منتقاة. انسخ CSS جاهزاً للصق فوراً.
معاينة مباشرة
إعدادات مسبقة
نوع التدرج
الزاوية
°
نقاط التوقف
اسحب مقبضاً لتحريك نقطة توقف، أو انقر على الشريط لإضافة واحدة. اختر نقطة توقف لتعديل لونها.
نقطة التوقف المحددة
%
CSS
background: —;

كل شيء يُحسَب مباشرةً في متصفحك — لا تسجيل، مجاني تماماً.

شارك هذا
أدوات ذات صلة
مولّد التدرج من صورة

استخرج تدرجاً جميلاً من أي صورة — أفلت صورة، اختر مزاجاً، وتصبح الألوان السائدة نقاط توقف قابلة للسحب. انسخ CSS جاهزاً للصق فوراً.
مولّد لوحات الألوان

ابنِ لوحات ألوان متناسقة من عجلة ألوان تفاعلية — طبّق قواعد الانسجام مثل التناظر أو التكامل أو الثلاثي، ثم انسخ أي قيمة فوراً.
خلاّط الألوان

امزج لوناً أساسياً بلون نهاية عبر ما يصل إلى 10 خطوات — عايِن التدرج واحصل على كل ظل وانسخ أي تنسيق فوراً.
عمليات البحث الشائعة
مولد تدرج صانع تدرج CSS مولد تدرج خطي صانع تدرج شعاعي تدرج مخروطي CSS مولد تدرج مجاني

أضف هذه الأداة المجانية إلى موقعك الخاص — انسخ والصق الكود أدناه.