বিনামূল্যে কালার পিকার এবং প্যালেট জেনারেটর

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

সবকিছু সরাসরি আপনার ব্রাউজারে হাতে লেখা রূপান্তর গণিত দিয়ে চলে — কোনো রঙের লাইব্রেরি বা সার্ভার আসা-যাওয়া নেই। ব্রাউজারের নেটিভ color input বা EyeDropper API দিয়ে রং বাছেন, আর টুলটি সঙ্গে সঙ্গে সেটিকে ছয়টি ফরম্যাটে রূপান্তর করে, সাথে WCAG কনট্রাস্ট অনুপাত হিসাব ও হারমনি প্যালেট তৈরি করে।

1. 1
   নেটিভ API দিয়ে রঙের ইনপুট

   ব্রাউজারের বিল্ট-ইন <input type="color"> উইজেট দিয়ে রং বাছেন, অথবা — Chromium-ভিত্তিক ব্রাউজারে — EyeDropper API দিয়ে স্ক্রিনের যেকোনো পিক্সেল থেকে রং তুলতে পারেন। দুই পথই একটি hex স্ট্রিং দেয়, যা একমাত্র সত্যের উৎস হয়।
2. 2
   হাতে লেখা ফরম্যাট রূপান্তর

   টুলটি নিজস্ব গাণিতিক ফাংশন দিয়ে (কোনো বাইরের লাইব্রেরি ছাড়া) hex মানকে RGB, HSL, HSV, CMYK ও OKLCH-এ রূপান্তর করে। OKLCH রূপান্তর sRGB চ্যানেল লিনিয়ার করে, OKLab cube-root ম্যাট্রিক্স প্রয়োগ করে, তারপর chroma ও hue কোণ বের করে — আধুনিক CSS Color Level 4 আউটপুটের সাথে মিলিয়ে।
3. 3
   WCAG কনট্রাস্ট অনুপাতের হিসাব

   লিনিয়ার RGB চ্যানেল থেকে WCAG 2.x সূত্রে relative luminance হিসাব হয়। তারপর টুলটি খাঁটি সাদা ও খাঁটি কালোর বিপরীতে কনট্রাস্ট অনুপাত হিসাব করে WCAG সীমা (3:1, 4.5:1, 7:1) অনুযায়ী AA-large, AA, AAA বা Fail লেবেল দেয়।
4. 4
   হারমনি প্যালেট তৈরি ও লোকাল সেভ

   Complementary, triadic, analogous ও monochromatic সোয়াচ HSL hue ও lightness মান গাণিতিকভাবে ঘুরিয়ে বা ধাপে বদলে তৈরি হয়। সেভ করা প্যালেট আপনার ব্রাউজারের localStorage-এ লেখা হয় — কিছুই আপনার ডিভাইস ছাড়ে না।

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