রঙের একটি সেট পেস্ট বা আমদানি করুন এবং তাৎক্ষণিকভাবে 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 ভ্যারিয়েবল, SCSS, Tailwind কনফিগ, JSON, SVG সোয়াচ বা সাধারণ HEX।
  4. কাস্টম নামকরণ চাইলে ভ্যারিয়েবল প্রিফিক্স সমন্বয় করুন।
  5. তৈরি হওয়া কোড কপি করুন বা ফাইল হিসেবে ডাউনলোড করুন।

সচরাচর জিজ্ঞাসিত প্রশ্ন

HEX মান (# চিহ্ন সহ বা ছাড়া), rgb() এবং hsl() নোটেশন — সবই চেনা যায়। আপনি ফরম্যাট মিশ্রিত করতে পারেন এবং নতুন লাইন, কমা বা স্পেস দিয়ে রঙ আলাদা করতে পারেন — পার্সার প্রতিটি বৈধ রঙ বেছে নেয় এবং বাকিটা উপেক্ষা করে।

হ্যাঁ। পার্সিং ও কোড জেনারেশন সম্পূর্ণ আপনার ব্রাউজারে হয়, তাই টুলটি ফ্রি, কোনো অ্যাকাউন্ট নেই, কোনো ক্রেডিট নেই, এবং প্যালেট বা এক্সপোর্টের কোনো সীমা নেই।

আপনার রঙগুলো পেস্ট করুন, "Tailwind config" ফরম্যাট নির্বাচন করুন, এবং তৈরি হওয়া ব্লকটি আপনার Tailwind কনফিগারেশনের কালার সেকশনে কপি করুন। ভ্যারিয়েবল প্রিফিক্স সেটিং প্রতিটি রঙের জন্য ব্যবহৃত কী-নাম নিয়ন্ত্রণ করে।

না। রঙগুলো আপনার ব্রাউজার ট্যাবেই থাকে — পার্সিং বা এক্সপোর্টিংয়ের সময় কোনো সার্ভার রিকোয়েস্ট করা হয় না, এবং পেজ ছেড়ে গেলে কিছুই সংরক্ষিত থাকে না।

এটি একটি ছোট SVG ফাইল তৈরি করে যা প্রতিটি প্যালেট রঙকে লেবেলযুক্ত সোয়াচ হিসেবে দেখায়। স্ক্রিনশট না নিয়ে ডকুমেন্টেশন, README ফাইল বা ডিজাইন হ্যান্ডঅফ পেজে ভিজ্যুয়াল প্যালেট রেফারেন্স এমবেড করার জন্য এটি কার্যকর।

শেয়ার করুন

জনপ্রিয় অনুসন্ধান
প্যালেট এক্সপোর্টার css এ রঙ এক্সপোর্ট প্যালেট থেকে scss tailwind রঙ কনফিগ প্যালেট json এক্সপোর্ট রঙের সোয়াচ svg
সাহায্য দরকার?
এই টুলে কোনো সমস্যা পেয়েছেন? আমাদের দলকে জানান।
সমস্যা রিপোর্ট করুন

আপনার নিজের ওয়েবসাইটে এই বিনামূল্যের টুলটি যোগ করুন — নিচের কোডটি কপি করে পেস্ট করুন।