تصویر سے گریڈینٹ جنریٹر
کسی بھی تصویر سے خوبصورت گریڈینٹ نکالیں — ایک تصویر ڈالیں، موڈ چنیں، اور غالب رنگ قابلِ ڈریگ گریڈینٹ اسٹاپس بن جاتے ہیں۔ فوری استعمال کے لیے تیار CSS کاپی کریں۔
یہاں ایک تصویر ڈریگ اور ڈراپ کریں
یا براؤز کے لیے کلک کریں — آپ اپنے کلپ بورڈ سے بھی پیسٹ کر سکتے ہیں
سب کچھ آپ کے براؤزر میں چلتا ہے — آپ کی تصویر کبھی اپ لوڈ نہیں ہوتی، کوئی سائن اپ نہیں، مکمل مفت۔
background: —;
تصویر سے گریڈینٹ جنریٹر کے بارے میں
گریڈینٹ جنریٹر فرام امیج کسی بھی تصویر کو تیار CSS گریڈینٹ میں بدل دیتا ہے۔ تصویر ڈراپ، براؤز یا پیسٹ کریں اور ٹول اسے کینوس پر پڑھتا ہے، اس کے غالب رنگ نکالتا ہے اور انہیں گریڈینٹ اسٹاپس کے طور پر ترتیب دیتا ہے جنہیں آپ گھسیٹ، دوبارہ رنگ اور دوبارہ ترتیب دے سکتے ہیں جب تک بلینڈ اصل تصویر کے احساس سے میل نہ کھا جائے۔
ایک موڈ سلیکٹر — Colorful، Bright، Muted، Deep یا Dark — یہ بدلتا ہے کہ کون سے نکالے گئے رنگ اسٹاپس بنتے ہیں، تاکہ ایک تصویر کئی بالکل مختلف گریڈینٹس دے سکے۔ آپ گریڈینٹ کی قسم (linear، radial یا conic)، زاویہ، اور خود اسٹاپس کو کنٹرول کرتے ہیں: ایک اسٹاپ شامل کرنے کے لیے بار پر کلک کریں، دوبارہ پوزیشن کے لیے گھسیٹیں، ایک کلک میں الٹائیں یا گھمائیں۔
پورا عمل آپ کے براؤزر میں چلتا ہے؛ آپ کی تصویر کبھی سرور پر اپ لوڈ نہیں ہوتی۔ جب پیش منظر ٹھیک لگے تو مکمل CSS رول، صرف بیک گراؤنڈ ویلیو، یا نکالے گئے رنگ اکیلے کاپی کریں — یہ فوٹوگرافی سے اخذ شدہ ہیرو سیکشنز، پیج بیک گراؤنڈز اور برانڈ ویژولز کے لیے مثالی ہے۔
تصویر سے گریڈینٹ جنریٹر استعمال کرنے کا طریقہ
- کوئی تصویر ڈریگ اینڈ ڈراپ کریں، براؤز کرنے کے لیے کلک کریں، یا اپنے کلپ بورڈ سے پیسٹ کریں۔
- یہ منتخب کرنے کے لیے کوئی موڈ — Colorful، Bright، Muted، Deep یا Dark — چنیں کہ کون سے نکالے گئے رنگ اسٹاپس بنیں۔
- گریڈینٹ کی قسم (linear، radial یا conic) منتخب کریں اور زاویہ ایڈجسٹ کریں۔
- بلینڈ کو باریک ایڈجسٹ کرنے کے لیے کلر اسٹاپس گھسیٹیں؛ ضرورت کے مطابق اسٹاپس شامل، حذف، الٹا یا دوبارہ ترتیب دیں۔
- تیار پیسٹ کرنے کے قابل گریڈینٹ کوڈ حاصل کرنے کے لیے "Copy CSS" پر کلک کریں۔