رنگوں کا ایک سیٹ چسپاں یا درآمد کریں اور انہیں فوری طور پر CSS ویری ایبلز، SCSS، Tailwind کنفگ، JSON یا SVG سواچز میں برآمد کریں — کسی بھی پیلیٹ کا آخری قدم۔

HEX قیمتیں چسپاں کریں (فی لائن ایک، یا کاموں/خالی جگہوں سے الگ)۔ rgb() اور hsl() بھی قبول ہیں۔

پیلیٹ

کوئی درست رنگ نہیں ملا — اپنا ان پٹ جانچیں۔

ایکسپورٹ فارمیٹ
ایکسپورٹ کوڈ

							

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


پیلیٹ ایکسپورٹر کے بارے میں

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

چھ آؤٹ پٹ فارمیٹس فوری طور پر بنائے جاتے ہیں: CSS کسٹم پراپرٹیز، SCSS ویری ایبلز، ایک Tailwind کنفگ کلر بلاک، JSON، SVG سویچز اور ایک سادہ HEX فہرست۔ ایک قابلِ ترتیب ویری ایبل پریفکس بنائے گئے ناموں کو آپ کے کوڈ بیس کے مطابق رکھتا ہے، اور ہر فارمیٹ کلپ بورڈ میں کاپی یا فائل کے طور پر ڈاؤن لوڈ کیا جا سکتا ہے۔

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

پیلیٹ ایکسپورٹر استعمال کرنے کا طریقہ

  1. اپنے رنگ ان پٹ میں پیسٹ کریں — HEX، rgb() یا hsl()، فی لائن یا کوما سے الگ شدہ۔
  2. انہیں پیلیٹ میں پارس کرنے کے لیے "Update colors" پر کلک کریں، یا آزمانے کے لیے نمونہ لوڈ کریں۔
  3. ایک ایکسپورٹ فارمیٹ منتخب کریں: CSS variables، SCSS، Tailwind config، JSON، SVG swatches یا سادہ HEX۔
  4. اگر آپ کسٹم نام چاہتے ہیں تو ویری ایبل پریفکس ایڈجسٹ کریں۔
  5. بنایا گیا کوڈ کاپی کریں یا فائل کے طور پر ڈاؤن لوڈ کریں۔

اکثر پوچھے جانے والے سوالات

HEX ویلیوز (# نشان کے ساتھ یا اس کے بغیر)، rgb() اور hsl() نوٹیشن سب پہچانے جاتے ہیں۔ آپ فارمیٹس کو ملا سکتے ہیں اور رنگوں کو نئی لائنوں، کوما یا اسپیسز سے الگ کر سکتے ہیں — پارسر ہر درست رنگ نکال لیتا ہے اور باقی کو نظر انداز کرتا ہے۔

جی ہاں۔ پارسنگ اور کوڈ جنریشن مکمل طور پر آپ کے براؤزر میں ہوتی ہے، اس لیے ٹول بغیر اکاؤنٹ، کریڈٹس اور پیلیٹس یا ایکسپورٹس کی حد کے مفت ہے۔

اپنے رنگ پیسٹ کریں، "Tailwind config" فارمیٹ منتخب کریں، اور بنائے گئے بلاک کو اپنی Tailwind کنفیگریشن کے colors سیکشن میں کاپی کریں۔ ویری ایبل پریفکس سیٹنگ ہر رنگ کے لیے استعمال ہونے والے کی ناموں کو کنٹرول کرتی ہے۔

نہیں۔ رنگ آپ کے براؤزر ٹیب میں ہی رہتے ہیں — پارسنگ یا ایکسپورٹنگ کے دوران کوئی سرور ریکویسٹ نہیں بھیجی جاتی، اور صفحہ چھوڑنے کے بعد کچھ بھی محفوظ نہیں رہتا۔

یہ ایک چھوٹی SVG فائل بناتا ہے جو ہر پیلیٹ رنگ کو لیبل شدہ سویچ کے طور پر دکھاتی ہے۔ یہ اسکرین شاٹس لیے بغیر دستاویزات، README فائلوں یا ڈیزائن ہینڈ آف پیجز میں بصری پیلیٹ حوالہ شامل کرنے کے لیے مفید ہے۔

شیئر کریں

مقبول تلاشیں
پیلیٹ ایکسپورٹر رنگ css میں ایکسپورٹ کریں پیلیٹ سے scss tailwind کلر کنفگ پیلیٹ json ایکسپورٹ کریں کلر سویچز svg
مدد چاہیے؟
اس ٹول میں کوئی مسئلہ ملا؟ ہماری ٹیم کو بتائیں۔
مسئلہ رپورٹ کریں

اس مفت ٹول کو اپنی ویب سائٹ پر شامل کریں — نیچے دیا گیا کوڈ کاپی اور پیسٹ کریں۔