مولّد التدرج من صورة
استخرج تدرجاً جميلاً من أي صورة — أفلت صورة، اختر مزاجاً، وتصبح الألوان السائدة نقاط توقف قابلة للسحب. انسخ CSS جاهزاً للصق فوراً.
اسحب وأفلت صورة هنا
أو انقر للتصفح — يمكنك أيضاً اللصق من الحافظة
كل شيء يعمل في متصفحك — لا تُرفع صورتك، لا تسجيل، مجاني تماماً.
background: —;
حول مولّد التدرج من صورة
أداة مولّد التدرج من صورة تحوّل أي صورة إلى تدرج CSS جاهز للاستخدام. أسقط الصورة أو تصفحها أو الصقها، وتقرأها الأداة على لوحة رسم، وتستخرج ألوانها السائدة وتضعها كنقاط توقف للتدرج يمكنك سحبها وإعادة تلوينها وإعادة ترتيبها حتى يطابق المزيج شعور الصورة الأصلية.
يغيّر منتقي المزاج — زاهي، فاتح، باهت، عميق أو داكن — أي الألوان المستخرجة تصبح نقاط توقف، حتى يمكن لصورة واحدة أن تُنتج عدة تدرجات مختلفة تمامًا. تتحكم في نوع التدرج (خطي، شعاعي أو مخروطي)، والزاوية، وفي نقاط التوقف نفسها: انقر على الشريط لإضافة واحدة، اسحب لإعادة تموضعها، اعكس أو دوّر بنقرة واحدة.
تعمل العملية بأكملها في متصفحك؛ صورتك لا تُرفع أبدًا إلى خادم. عندما تبدو المعاينة مناسبة، انسخ قاعدة CSS الكاملة، أو قيمة الخلفية فقط، أو الألوان المستخرجة وحدها — مثالية لأقسام البطل، خلفيات الصفحات والمرئيات التي تُشتق من التصوير الفوتوغرافي.
كيفية استخدام مولّد التدرج من صورة
- اسحب وأسقط صورة، أو انقر للتصفح، أو الصق واحدة من الحافظة.
- اختر مزاجًا — زاهي، فاتح، باهت، عميق أو داكن — لاختيار أي الألوان المستخرجة تصبح نقاط توقف.
- اختر نوع التدرج (خطي، شعاعي أو مخروطي) واضبط الزاوية.
- اسحب نقاط توقف اللون لضبط المزيج بدقة؛ أضف، أزل، اعكس أو أعد ترتيب النقاط حسب الحاجة.
- انقر على "نسخ CSS" للحصول على كود التدرج الجاهز للّصق.