CSS Gradient Generator
Create custom CSS gradients with preview
Vista Previa
background: linear-gradient(90deg, #3B82F6, #8B5CF6);گراڈینٹ جنریٹر آپ کے ڈیزائن کے لیے شاندار رنگ گراڈینٹ بنانے کا حتمی ٹول ہے۔ حسب ضرورت رنگوں، زاویوں اور اسٹاپس کے ساتھ لکیری، ریڈیل، اور مخروطی میلان تیار کریں۔ ویب ڈیزائن، UI کی ترقی، گرافک ڈیزائن، اور تخلیقی منصوبوں کے لیے بہترین۔ CSS کوڈ کو فوری طور پر کاپی کریں اور ریئل ٹائم میں گریڈیئنٹس کا جائزہ لیں۔ بغیر کسی ڈیزائن کے تجربے کے پیشہ ورانہ معیار کے گریڈینٹ بنائیں۔
Key Features
لکیری، شعاعی، اور مخروطی میلان کی اقسام
لا محدود رنگ رک جاتا ہے
ریئل ٹائم پیش نظارہ
سایڈست زاویہ اور پوزیشن
سی ایس ایس کوڈ کو فوری طور پر کاپی کریں
HSL، RGB، اور HEX کلر سپورٹ
پہلے سے بنائے گئے گریڈینٹ ٹیمپلیٹس
رنگ چنندہ انضمام
تصویر یا CSS کے بطور برآمد کریں
موبائل جوابی پیش نظارہ
گریڈینٹ جنریٹر
گریڈینٹ کی قسم منتخب کریں
اپنی ڈیزائن کی ضروریات کی بنیاد پر لکیری، ریڈیل، یا کونک گریڈینٹ کے درمیان انتخاب کریں۔
اپنے رنگ چنیں
مربوط رنگ چنندہ کا استعمال کرتے ہوئے اپنی مرضی کے رنگ منتخب کرنے کے لیے کلر اسٹاپس پر کلک کریں۔
سمت کو ایڈجسٹ کریں۔
اپنے گریڈینٹ کے لیے زاویہ، پوزیشن اور سمت سیٹ کریں تاکہ آپ کے ڈیزائن کے وژن سے مماثل ہو۔
ریئل ٹائم میں پیش نظارہ
جب آپ رنگوں اور ترتیبات کو ایڈجسٹ کرتے ہیں تو اپنے گریڈینٹ اپ ڈیٹ کو فوری طور پر دیکھیں۔
کاپی کوڈ
اپنے پروجیکٹس میں فوری استعمال کے لیے کوڈ کو کلپ بورڈ میں کاپی کرنے کے لیے "CSS کاپی کریں" پر کلک کریں۔
Use Cases
ویب سائٹ کا پس منظر بنائیں
ڈیزائن بٹن گریڈینٹ
کارڈ کے اجزاء کا پس منظر بنائیں
ہیرو سیکشن گریڈینٹ بنائیں
موبائل ایپ کا پس منظر ڈیزائن کریں
گریڈینٹ اوورلیز بنائیں
سوشل میڈیا پوسٹ کے پس منظر کو ڈیزائن کریں۔
بینر گرافکس بنائیں
تھیم والے گریڈینٹ تیار کریں
برانڈ کے مطابق میلان بنائیں
Frequently Asked Questions
جنریٹر آؤٹ پٹ کیا سی ایس ایس کرتا ہے؟
ہم معیاری CSS گریڈینٹ نحو کا استعمال کرتے ہوئے تمام جدید براؤزرز کے ساتھ ہم آہنگ جدید CSS گریڈینٹ آؤٹ پٹ کرتے ہیں۔
کیا میں تصاویر کے ساتھ میلان استعمال کرسکتا ہوں؟
جی ہاں، متعدد پس منظر کی خصوصیات کا استعمال کرتے ہوئے پس منظر کی تصاویر کے ساتھ سی ایس ایس گریڈیئنٹس کو تہہ کیا جا سکتا ہے۔
کیا براؤزر کی مطابقت کے خدشات ہیں؟
جدید گریڈینٹ تمام موجودہ براؤزرز میں تعاون یافتہ ہیں۔ ہم پرانے براؤزرز کے لیے فال بیک کے اختیارات فراہم کرتے ہیں۔
کیا میں امیج فائل کے طور پر ایکسپورٹ کرسکتا ہوں؟
ہاں، آپ اپنا گریڈینٹ PNG یا SVG امیج فائل کے طور پر بنا اور ڈاؤن لوڈ کر سکتے ہیں۔
Tool Information
Related Tools You Might Like
Color Palette Generator from Image
Extract dominant colors from an image
RGB/HEX Converter
Convert between RGB and HEX color formats
WCAG Contrast Checker
Check color contrast according to WCAG standards
Digital Signature Generator
Create stylized digital signatures with different fonts
Box Shadow Generator
Generate CSS box shadows
Text Shadow Generator
Generate CSS text shadows
Surfboard Volume Calculator
Calculate the perfect surfboard volume based on your weight, experience level, and wave conditions.
Wave Height Converter
Convert between different wave height measurements (face height, Hawaiian scale, ocean swell).
Scuba Dive Planner
Plan your scuba dive with depth limits, bottom time, and safety decompression requirements.