گریڈیئنٹ جنریٹر

لکیری، ریڈیل اور میش گریڈیئنٹس بصری طور پر بنائیں

کاپی پیسٹ سی ایس ایس آؤٹ پٹ کے ساتھ لکیری یا ریڈیل گریڈیئنٹس بنائیں۔

دو یا زیادہ رنگ منتخب کریں، گریڈیئنٹ کو اپنے ذائقے کے مطابق گھسیٹیں، سی ایس ایس کاپی کریں۔ یا وال پیپر، سلائیڈ بیک گراؤنڈ، یا سوشل پوسٹ کے پس منظر کے طور پر استعمال کرنے کے لیے PNG کے طور پر ڈاؤن لوڈ کریں۔ لکیری، ریڈیل اور کونک گریڈیئنٹس سبھی معاون ہیں، اس کے علاوہ جدید UI میں نظر آنے والے نرم ایپل طرز کے پس منظر کے لیے میش گریڈیئنٹ موڈ بھی موجود ہے۔

گریڈیئنٹ کی اقسام کی وضاحت

لکیری: رنگ A سے رنگ B تک سیدھی لائن۔ سمت منتخب کرنے والا (اوپر→نیچے، ترچھا، وغیرہ)۔
ریڈیل: مرتکز — مرکز میں رنگ A جو کناروں پر رنگ B میں دھندلا ہو جاتا ہے۔ اسپاٹ لائٹ اثرات کے لیے مفید۔
کونک: رنگین پہیے کی طرح ایک مرکزی نقطے کے گرد گھومتا ہے۔ جدید UI ڈیزائن میں مقبول۔
میش (پریمیم): متعدد رنگوں کے دھبے آسانی سے مل جاتے ہیں۔ "ایپل گریڈیئنٹ" شکل۔

آپ کیا کاپی کر سکتے ہیں

سی ایس ایس: کاپی کرنے کے لیے تیار linear-gradient(...) یا background-image: اعلان۔
ٹیل ونڈ: قریب ترین bg-gradient-* کلاس کے علاوہ کوئی بھی حسب ضرورت رنگ اضافہ۔
SVG: آئیکنز یا UI گرافکس میں اسکیل ایبل استعمال کے لیے۔
PNG ڈاؤن لوڈ: کوئی بھی سائز، بشمول فون وال پیپر (1284×2778)، ڈیسک ٹاپ (3840×2160)، اور مربع (1080×1080)۔

عام استعمال کے معاملات

فون وال پیپرز: میش گریڈیئنٹس iOS پر بہت مشہور ہیں۔ جانچنے کے لیے ہمارا آئی فون وال پیپر پیش نظارہ آزمائیں۔
سوشل پوسٹ کے پس منظر: کوٹ گرافکس کے لیے فوری برانڈ سے مطابقت رکھنے والی شکل۔
ہیرو سیکشنز: لینڈنگ پیجز پر گریڈیئنٹ بیک ڈراپس ہر جگہ موجود ہیں۔
سلائیڈ ڈیکس: بورنگ ٹھوس پس منظر کو تبدیل کریں۔

ایسے رنگ منتخب کرنا جو کام کریں

رنگین پہیے پر ملحق = نرم، ہم آہنگ۔ مخالف = بولڈ، توجہ حاصل کرنے والا۔ وسیع فرق کو پُر کرنے کے لیے درمیان میں تیسرا اسٹاپ شامل کریں۔ برانڈ کے مطابق گریڈیئنٹس کے لیے، اپنا برانڈ HEX پیسٹ کریں اور دوسرے اسٹاپ کے لیے ایک ٹنٹ یا شیڈ منتخب کریں۔ ٹنٹس (زیادہ روشنی کے ساتھ HSL) یا شیڈز (کم روشنی) تلاش کرنے کے لیے ہمارا کلر کنورٹر استعمال کریں۔

اکثر پوچھے گئے سوالات

کیا میں انہیں پروڈکشن میں استعمال کر سکتا ہوں؟

جی ہاں — کاپی کردہ CSS کسی بھی جدید براؤزر میں کام کرتا ہے۔ پرانے اہداف کے لیے SVG فال بیک فراہم کیے گئے ہیں۔

ریڈیل گریڈینٹ براؤزر سپورٹ کے بارے میں کیا خیال ہے؟

جدید براؤزرز میں یونیورسل۔ CSS نحو ایک لائن ہے۔

میں PNG کو کتنا بڑا ایکسپورٹ کر سکتا ہوں؟

مفت: 4K (3840×2160) تک۔ پریمیم: 8K اور اس سے آگے۔

کیا میش گریڈینٹ استعمال کرنا مشکل ہیں؟

ویب پر یہ SVG یا کینوس پر مبنی ہوتے ہیں۔ ہم آسان استعمال کے لیے ایک فلیٹ PNG فراہم کرتے ہیں، اور ترمیم کے لیے SVG سورس بھی دیتے ہیں۔

کیا میں اپنے گریڈینٹس کو محفوظ کر سکتا ہوں؟

سائن ان کریں (مفت) اور محفوظ کردہ گریڈینٹس آپ کی لائبریری میں ظاہر ہوں گے۔

'کونک' گریڈیئنٹ کیا ہے؟

یہ ایک نقطے کے گرد گھومتا ہے — جیسے رنگوں کا پہیہ یا پائی چارٹ۔ جدید CSS اسے مقامی طور پر سپورٹ کرتا ہے۔

کیا یہ اینی میٹڈ گریڈینٹس کے لیے کام کرتا ہے؟

صرف سٹیٹک ایکسپورٹ۔ اینی میٹڈ بیک گراؤنڈز کے لیے، CSS کاپی کریں اور گریڈینٹ اینگل کے ارد گرد CSS اینیمیشن شامل کریں۔

کیوں نہ صرف ہاتھ سے CSS لکھیں؟

آپ لکھ سکتے ہیں — یہ ٹول صرف بصری تکرار کو تیز کرتا ہے۔ کاپی کریں اور ترمیم کریں۔

کے بارے میں گریڈیئنٹ جنریٹر

گریڈیئنٹ جنریٹر Wallpapers.com کا ایک مفت آن لائن ٹول ہے جو آپ کے براؤزر میں مکمل طور پر چلتا ہے — کوئی انسٹال نہیں، کوئی واٹر مارک نہیں، پہلی کوشش کے لیے ای میل سائن اپ نہیں۔ کاپی پیسٹ سی ایس ایس آؤٹ پٹ کے ساتھ لکیری یا ریڈیل گریڈیئنٹس بنائیں۔

استعمال کرنے کا طریقہ گریڈیئنٹ جنریٹر

سویچ سے رنگ منتخب کریں یا HEX/RGB ویلیو پیسٹ کریں۔
آؤٹ پٹ کو ایڈجسٹ کریں — پیلیٹ، کنٹراسٹ، تکمیلی رنگ۔
ویلیو کاپی کریں، یا سویچ کو JSON کے طور پر ایکسپورٹ کریں۔

اسے کب استعمال کریں

عام استعمال میں شامل ہیں: ویب اپ لوڈ، ای کامرس لسٹنگز، فارمیٹ کی پابندیوں والے سوشل میڈیا پلیٹ فارمز کے لیے تصاویر تیار کرنا، اور فائلوں کو ایک ڈیوائس یا ایپ سے دوسرے میں تبدیل کرنا۔

مفت بمقابلہ پریمیم

ہر آنے والے کو مفت آزمائشی چلانے کی سہولت ملتی ہے؛ سائن ان مفت صارفین کو زیادہ یومیہ کوٹہ ملتا ہے۔ سبسکرائب کریں پریمیم لامحدود چلانے، فی کام 200 تصاویر تک بلک پروسیسنگ، ترجیحی قطار، اور اشتہار سے پاک براؤزنگ کے لیے۔