একটি ছবি থেকে প্রধান রংগুলো বের করুন: লোগো, ফটো, চিত্রকর্ম বা স্ক্রিনশট। ছবির পিক্সেলগুলো চোখে কতটা কাছাকাছি দেখায় সেই অনুযায়ী গুচ্ছে ভাগ করে প্যালেটটি তৈরি হয়; প্রতিটি রঙের পাশে ছবিতে তার অংশ লেখা থাকে, আর এটি CSS custom properties, JSON বা সাধারণ টেক্সট হিসেবে এক্সপোর্ট করা যায়। কিছুই আপনার যন্ত্র ছেড়ে যায় না।
যেভাবে কাজ করে
- একটি ছবি ছাড়ুন, পেস্ট করুন বা বাছুন।
- ৫ থেকে ৮টি রং বাছুন; কোনো রঙে ক্লিক করে তার HEX, RGB, HSL ও OKLCH দেখুন।
- প্যালেটটি .css, .json বা .txt হিসেবে ডাউনলোড করুন।
সচরাচর জিজ্ঞাসা
- আমার ফাইল কি কোথাও আপলোড হয়?
- না। সবকিছু হয় আপনার ব্রাউজারের ভেতরে, আপনার নিজের যন্ত্রেই। আপনি নিজেই যাচাই করতে পারেন: ব্রাউজারের ডেভেলপার টুল (DevTools) খুলুন, টুলটি চলার সময় Network ট্যাবে চোখ রাখুন — কোনো আপলোড দেখবেন না। পেজের শিরোনামের পাশের ব্যাজটি এই পেজ কত বাইট পাঠিয়েছে তা সরাসরি গুনে দেখায়।
- রংগুলো কীভাবে বাছা হয়?
- ছবির একটি ছোট কপিকে রঙের গুচ্ছে ভাগ করা হয় (median cut), তারপর রংগুলো চোখে কতটা কাছাকাছি দেখায় সেই অনুযায়ী গুচ্ছগুলো আরও নিখুঁত করা হয় (OKLab-এ k-means)। প্রায় একই রকম শেডগুলো এক করে দেওয়া হয়, তাই আপনি আলাদা আলাদা রং পান, ছবির কতটা জুড়ে আছে সেই ক্রমে সাজানো। একই ছবি থেকে সবসময় একই প্যালেট আসে।
- যতগুলো চেয়েছিলাম তার চেয়ে কম রং পেলাম কেন?
- ছবিতে যদি স্পষ্টভাবে আলাদা অল্প কয়েকটি রং থাকে, যেমন সমতল রঙের একটি লোগো, তবে প্যালেট প্রায়-একই রং দিয়ে তালিকা ভরানোর বদলে সেগুলোই দেখায়। স্বচ্ছ অংশগুলো উপেক্ষা করা হয়।