CSS گریڈینٹ جنریٹر
2–10 رنگ کے نقطوں، زاویے کے کنٹرول، شفافیت اور پری سیٹ کے ساتھ لکیری یا ریڈیل CSS گریڈینٹ بنائیں۔ نتیجے کا پیش نظارہ دیکھیں اور CSS کاپی یا ڈاؤن لوڈ کریں۔
دیگر نامگریڈینٹ جنریٹر · CSS گریڈینٹ بنائیں · CSS گریڈینٹ میکر · css gradient generator · gradient generator css
2–10 رنگ کے نقطے، آؤٹ پٹ میں فیصد کے لحاظ سے ترتیب شدہ۔ یکساں مقامات سخت کنارہ بناتے ہیں اور اپنی درج ترتیب برقرار رکھتے ہیں۔ شفافیت چیکر بورڈ پر دکھائی جاتی ہے۔ رنگ کے چینل 8-بٹ sRGB استعمال کرتے ہیں؛ اعشاری الفا RGBA آؤٹ پٹ میں برقرار رہتا ہے۔
تین چھوٹے قدم۔
- لکیری یا ریڈیل منتخب کریں اور کسی پری سیٹ یا اپنے رنگوں سے شروع کریں۔
- نقطوں کے رنگ اور فیصد بدلیں، رنگ کے نقطے شامل کریں یا ہٹائیں، یا انہیں الٹ دیں۔
- پیش نظارہ دیکھیں، پھر CSS پس منظر کاپی کریں یا اسٹائل شیٹ ڈاؤن لوڈ کریں۔
جاننے کی چند باتیں۔
معیاری CSS رنگ نام، عددی HEX/RGB/HSL رنگ اور 0 سے 100% تک نقطوں کے مقامات تعاون یافتہ ہیں۔ رنگ کے نقطے مقام کے لحاظ سے ترتیب دیے جاتے ہیں؛ یکساں مقامات اپنی درج ترتیب برقرار رکھتے ہیں اور سخت کنارے بنا سکتے ہیں۔ ریڈیل گریڈینٹ مرکز میں دائرہ استعمال کرتے ہیں۔ براؤزر کی رنگ انٹرپولیشن اور آؤٹ پٹ ڈسپلے مختلف ہو سکتے ہیں؛ یہ پرنٹ رنگوں کا ورک فلو نہیں ہے۔
آپ کی رازداری کیسے کام کرتی ہے ←تھوڑی اور وضاحت۔
کیا گریڈینٹ دھیرے دھیرے شفاف ہو سکتا ہے؟
جی ہاں۔ #294C3900 یا rgba(41,76,57,0) جیسا الفا جزو استعمال کریں۔ پیش نظارے کا چیکر بورڈ شفاف حصے دکھاتا ہے۔
الٹنے سے کیا ہوتا ہے؟
یہ رنگ کے نقطوں کی فہرست الٹ دیتا ہے اور ہر مقام کو 100 منفی اس کے اصل فیصد پر لے جاتا ہے۔ اس سے سخت کناروں کے رنگوں کی ترتیب بھی الٹ جاتی ہے۔
متعلقہ تلاشیںcss gradient generator transparent · css gradient generator 3 colors