Image Color Extractor যেকোনো ছবি ফাইল (ড্রপ, পেস্ট, বা ক্লিক করে লোড করুন) বিশ্লেষণ করে এবং শতাংশ ওয়েট সহ ১৬টি পর্যন্ত ডমিন্যান্ট কালার রিটার্ন করে। ব্রাউজারের মধ্যেই পিক্সেল স্যাম্পলিং এবং বাকেট কোয়ান্টাইজেশন ব্যবহার করা হয় — কোনো আপলোড নেই, সার্ভারে যাওয়া-আসা নেই। যেকোনো swatch-এ ক্লিক করে তার hex কপি করুন, বা পুরো প্যালেটের জন্য Copy All ব্যবহার করুন।
ডিজাইনার এবং ডেভেলপারদের প্রায়ই ছবি থেকে কালার বের করতে হয় — লোগো থেকে ব্র্যান্ড কালার নেওয়া, ফটোগ্রাফ থেকে প্যালেট তৈরি করা, রেফারেন্স আর্টওয়ার্কের সাথে UI মেলানো। Image Color Extractor এই কাজটি ব্রাউজারের মধ্যেই কোনো আপলোড ছাড়াই করে দেয়। একটি ছবি (PNG, JPG, SVG, WebP, GIF) ড্রপ, পেস্ট বা ক্লিক করে লোড করুন। টুলটি একটি ছোট করা ভার্সন canvas-এ আঁকে, প্রতি ৪র্থ পিক্সেল স্যাম্পল করে, সেগুলোকে একটি কমানো কালার স্পেসে (প্রতি চ্যানেলে ৫-বিট, প্রায় ৩২K বাকেট) বাকেট করে, প্রতিটি বাকেটের প্রকৃত RGB গড় করে, তারপর সবচেয়ে জনবহুল টপ-N বাকেট বেছে নেয় এবং কাছাকাছি ডুপ্লিকেটগুলো (RGB-তে ২৪ ম্যানহাটন দূরত্বের মধ্যে) মার্জ করে দেয়। ফলাফল হলো একটি পরিষ্কার, প্রতিনিধিত্বমূলক প্যালেট যা প্রকৃত ভিজ্যুয়াল কম্পোজিশন প্রতিফলিত করে — শুধু সবচেয়ে নির্ভুল পিক্সেল-ম্যাচ কালার নয়। একটি কাউন্ট স্লাইডার (৩–১৬) দিয়ে আপনার প্রয়োজন অনুযায়ী প্যালেটের আকার ঠিক করুন। প্রতিটি swatch hex ভ্যালু এবং পিক্সেলের শতাংশ দেখায়; আলাদাভাবে কপি করতে ক্লিক করুন, অথবা একসাথে সব নিতে Copy All ব্যবহার করুন।
যেকোনো সাধারণ ইমেজ ফরম্যাট লোড করে এবং এক সেকেন্ডেরও কম সময়ে ডমিন্যান্ট-কালার প্যালেট তৈরি করে, বড় ছবির ক্ষেত্রেও।
প্রতিটি এক্সট্র্যাক্ট করা কালার তার ছবির এরিয়ার শতাংশ দেখায় — এক নজরে বুঝুন কোনটা ডমিন্যান্ট এবং কোনটা অ্যাকসেন্ট।
৩–১৬ কালার বেছে নেওয়ার স্লাইডার। ব্র্যান্ড ওয়ার্কের জন্য ছোট প্যালেট; ফটোগ্রাফিক রেফারেন্সের জন্য বড়।
যেকোনো swatch-এ ক্লিক করে তার hex কপি করুন। অথবা Copy All দিয়ে পুরো প্যালেট নিউলাইন-সেপারেটেড লিস্ট আকারে পান, বাল্ক ব্যবহারের জন্য।
কোনো আপলোড নেই, সার্ভার কল নেই, ছবি আপনার মেশিন থেকে বের হয় না। প্রাইভেট মকআপ, অপ্রকাশিত অ্যাসেট বা স্পর্শকাতর আর্টওয়ার্কের জন্য নিরাপদ।
PNG, JPG, SVG, WebP, GIF, ICO — স্ট্যান্ডার্ড canvas ডিকোডিংয়ের মাধ্যমে সবই সাপোর্টেড। ট্রান্সপারেন্ট পিক্সেল স্বয়ংক্রিয়ভাবে বাদ যায়।
একটি লোগো ছবি ড্রপ করুন, ব্যবহৃত সঠিক কালারগুলো বের করুন, এবং সেগুলো আপনার ব্র্যান্ড-কিট CSS ভ্যারিয়েবল বা ডিজাইন সিস্টেমে কপি করুন।
একটি ল্যান্ডস্কেপ ফটোগ্রাফ টুলে দিন এবং এর মুড ধরে এমন ৫-কালারের প্যালেট পান — আর্ট ডিরেকশন বা থিম তৈরির জন্য উপযোগী।
একটি রেফারেন্স UI-এর স্ক্রিনশট নিন, প্যালেট এক্সট্র্যাক্ট করুন, এবং ভিজ্যুয়াল ফিল মেলাতে সেই কালারগুলো নিজের মকআপে ব্যবহার করুন।
যখন কোনো ক্লায়েন্ট ব্র্যান্ডিং দিকনির্দেশনা হিসেবে একটিমাত্র ছবি পাঠায়, তখন ৮-১০টি কালার এক্সট্র্যাক্ট করে রেফারেন্সের সাথে মিল রেখে একটি শুরুর প্যালেট প্রস্তাব করুন।
ছবির দুটি সবচেয়ে ডমিন্যান্ট কালার নিয়ে একটি ব্যাকগ্রাউন্ড গ্রেডিয়েন্ট তৈরি করুন যা ফোরগ্রাউন্ড অ্যাসেটের সাথে মানানসই হয়।
DevSuite Pro ডকে Image Colors আইকনে ক্লিক করুন। একটি ড্রপ জোন ও সেটিংসসহ প্যানেল খুলবে।
একটি ফাইল ড্র্যাগ করে আনুন, ক্লিপবোর্ড থেকে পেস্ট করুন (Ctrl+V), অথবা ফাইল পিকার খুলতে ক্লিক করুন। টুলটি স্বয়ংক্রিয়ভাবে লোড ও পিক্সেল স্যাম্পল করবে।
কতগুলো কালার এক্সট্র্যাক্ট করতে চান (৩–১৬) তা বাছাই করতে স্লাইডার ব্যবহার করুন। ড্র্যাগ করার সাথে সাথেই প্যালেট আবার তৈরি হবে।
প্রতিটি swatch তার hex কোড ও ছবির এরিয়ার শতাংশ দেখায়। ডমিন্যান্ট কালার খুঁজুন — সেগুলোর শতাংশ সবচেয়ে বেশি হবে।
যেকোনো swatch-এ ক্লিক করে তার hex কপি করুন, অথবা পুরো প্যালেট আপনার ডিজাইন টুল বা CSS-এ ব্যবহারের জন্য লিস্ট আকারে পেতে Copy All ব্যবহার করুন।
বিনামূল্যে DevSuite Pro ইনস্টল করুন এবং আপনার ব্রাউজারের জন্য ৬৪+ ডেভলপার টুল আনলক করুন।
