বিনামূল্যে রঙের প্যালেট জেনারেটর

কিভাবে কাজ করে

টুলটি কোনো বাইরের লাইব্রেরি ছাড়াই তৈরি — সব রঙের গণিত সরাসরি আপনার ব্রাউজারে হাতে লেখা JavaScript-এ চলে। এটি আপনার বাছাই করা রংকে hex ও HSL-এর মধ্যে রূপান্তর করে, তারপর hue চাকার উপর গাণিতিক হিসাবের মাধ্যমে ক্লাসিক রঙতত্ত্বের হারমনি নিয়ম (complementary, triadic, analogous ইত্যাদি) প্রয়োগ করে প্রতিটি প্যালেট তৈরি করে।

1. 1
   Hex থেকে HSL রূপান্তর

   রং বাছাই করলে টুলটি hex স্ট্রিংকে RGB অংশে পার্স করে HSL (hue, saturation, lightness)-এ রূপান্তর করে। Hue হলো রঙের চাকায় 0–360 ডিগ্রির অবস্থান; প্যালেটের সব গণিত এই স্পেসেই হয়।
2. 2
   হারমনির জন্য hue গণিত

   প্রতিটি প্যালেট ধরন হলো মূল hue-তে প্রয়োগ করা একটি নির্দিষ্ট ঘূর্ণন সূত্র। Complementary 180° যোগ করে, triadic 120° ও 240°, tetradic 90° করে ধাপে, split-complementary 150° ও 210° ব্যবহার করে। Monochromatic ও shades hue ও saturation স্থির রেখে lightness ওঠানামা করায়।
3. 3
   HSL থেকে hex আউটপুট

   হিসাব করা প্রতিটি HSL ত্রয়ী আদর্শ chroma সূত্রে আবার hex রঙে রূপান্তর হয়। ফলাফল একটি রঙের স্ট্রিপ হিসেবে দেখায়, একটি সহজ luminance সীমা দিয়ে নির্ধারিত স্বয়ংক্রিয় কনট্রাস্টের লেবেলসহ (হালকা সোয়াচে গাঢ় টেক্সট, গাঢ়তে হালকা)।
4. 4
   পছন্দের ফরম্যাটে এক্সপোর্ট

   প্যালেটটি hex স্ট্রিং হিসেবে কপি করা যায়, অথবা CSS ভেরিয়েবল ফাইল (:root { --color-1: … }), SCSS ভেরিয়েবল, Tailwind config স্নিপেট, JSON অবজেক্ট বা PNG রঙের স্ট্রিপ হিসেবে এক্সপোর্ট করা যায়। PNG এক্সপোর্ট ব্রাউজারের Canvas API (toDataURL) দিয়ে প্রতিটি সোয়াচ তার hex লেবেলসহ আঁকে — ক্লিক করলেই সব লোকালি তৈরি হয়।

সম্পর্কিত টুলস