ছবি থেকে কালার পিকার ও প্যালেট এক্সট্র্যাক্টর
একটি ছবি লোড করুন, যেকোনো জায়গায় ক্লিক করে কার্সরের নিচের হুবহু রংটি নিন এবং HEX, RGB বা HSL মান কপি করুন। টুলটি নিজে থেকেই প্রধান রংগুলোর একটি প্যালেটও বের করে দেয়। আপনার ছবি সরাসরি ব্রাউজারের ক্যানভাস থেকে পড়া হয়, কোথাও পাঠানো হয় না।
এখানে ছবি টেনে এনে ছাড়ুন, অথবা ক্লিক করে ফাইল বেছে নিন
JPG, PNG, WebP ও GIF সাপোর্ট করে। ফাইল আপনার ডিভাইসেই থাকে।
রং বেছে নিতে ছবিতে ক্লিক করুন। ক্লিক করার আগে কার্সর সরিয়ে প্রিভিউ দেখুন।
বেছে নেওয়া রং
প্যালেট
আপনার ব্রাউজার Canvas API ব্যবহার করে ছবির পিক্সেল থেকে সরাসরি রং পড়ে। ছবিটি কখনও কোনো সার্ভারে আপলোড হয় না।
যেকোনো ছবি থেকে হুবহু রং বের করুন
ডিজাইনার ও ডেভেলপারদের প্রায়ই একটি পিক্সেলের নিখুঁত রং দরকার হয়, যেমন লোগোর নীল রং, স্ক্রিনশটের ব্যাকগ্রাউন্ড বা কোনো ছবির অ্যাকসেন্ট কালার। এই ছবি থেকে কালার পিকার আপনার ছবিকে ক্লিক করার মতো ক্যানভাসে বদলে দেয়, কার্সরের নিচের রংটি তিনটি জনপ্রিয় ফরম্যাটে দেখায় এবং এক ক্লিকে যেকোনোটি কপি করা যায়। পিকারের পাশাপাশি পুরো ছবি স্ক্যান করে সবচেয়ে বেশি ব্যবহৃত রংগুলোর একটি প্যালেটও বানায়, ফলে রেফারেন্স ছবি থেকেই তৈরি কালার স্কিম নিয়ে নিতে পারবেন।
ব্র্যান্ডের রং মেলাতে, স্ক্রিনশট দেখে থিম বানাতে, ডিজাইনের জন্য ছবি থেকে টোন নিতে অথবা কোনো আর্টওয়ার্ক থেকে কালার স্কিম বের করতে এটি ব্যবহার করুন।
কীভাবে রং বেছে নেবেন
- ছবি খুলুন। একটি ছবি টেনে আনুন বা বেছে নিন, সেটি ক্যানভাসে দেখা যাবে।
- পিক্সেলে ক্লিক করুন। ছবির যেকোনো জায়গায় ক্লিক করলে ওই বিন্দুর রং ধরা পড়বে।
- কোড কপি করুন। HEX, RGB বা HSL মান কপি করুন, অথবা প্যালেটের কোনো সোয়াচে ক্লিক করে তার HEX কপি করুন।
তিনটি কালার ফরম্যাট
প্রতিটি রং দেখানো হয় CSS ও ডিজাইন টুলের জন্য HEX-এ, কোডের জন্য RGB-তে এবং হিউ, স্যাচুরেশন ও লাইটনেস বদলানোর জন্য HSL-এ। প্রজেক্টে যেটি লাগে সেটি কপি করুন।
অটো প্যালেট
টুলটি ছবির নমুনা নিয়ে কাছাকাছি টোনগুলো একসঙ্গে করে প্রধান রংগুলো বের করে, ফলে মানানসই ডিজাইনের জন্য সঙ্গে সঙ্গে একটি প্যালেট পেয়ে যান।
পিক্সেল লোকালি পড়া হয়
ছবিটি আপনার ব্রাউজারের ক্যানভাসে আঁকা হয় এবং সেখান থেকেই রং পড়া হয়। কিছুই আপলোড হয় না, তাই প্রাইভেট মকআপ ও স্ক্রিনশট আপনার কম্পিউটারেই থাকে।
কেন এটি ব্যবহার করবেন
- এক ক্লিকে কপি: HEX, RGB বা HSL সঙ্গে সঙ্গে নিন।
- কয়েক সেকেন্ডে প্যালেট: যেকোনো ছবির প্রধান রংগুলো, আবার ব্যবহারের জন্য তৈরি।
- আপলোড লাগে না: পিক্সেল ব্রাউজারেই পড়া হয় এবং প্রাইভেট থাকে।
- একদম ফ্রি: অ্যাকাউন্ট লাগে না, কোনো কিছুতে ওয়াটারমার্কও বসে না।
- যেকোনো ডিভাইসে: ডেস্কটপে ক্লিক করে বা মোবাইলে ট্যাপ করে চলে।
কালার পিকারের সাধারণ ব্যবহার
এই টুল খোলার সবচেয়ে বড় কারণ হলো কোনো ছবি বা স্ক্রিনশটে দেখা রংয়ের হেক্স কোড পাওয়া। একটি লোগো দিয়ে তার চিহ্নের ওপর ক্লিক করলেই ব্র্যান্ডের হুবহু রং পেয়ে যাবেন, অথবা স্ক্রিনশটের ব্যাকগ্রাউন্ডে ক্লিক করে ওয়েবসাইটের রং ছবির সঙ্গে মেলাতে পারবেন। প্রতিটি পিকে রংটি একসঙ্গে তিন ফরম্যাটে পাওয়া যায়: CSS বা ডিজাইন অ্যাপে পেস্ট করার জন্য #1A73E8-এর মতো HEX কোড, কোডের জন্য rgb(26, 115, 232)-এর মতো RGB স্ট্রিং এবং হিউ, স্যাচুরেশন ও লাইটনেস বদলানোর জন্য HSL স্ট্রিং। প্রতিটির পাশে একটি কপি বাটন আছে, তাই একটি পিক্সেলের RGB মান পেতে শুধু ক্লিক করে কপি করলেই হয়।
ছবি থেকে প্যালেট বানানোর জন্যও এটি দ্রুত উপায়। ছবি লোড হলে টুলটি পিক্সেল পড়ে সবচেয়ে বেশি ব্যবহৃত আটটি পর্যন্ত রং সোয়াচ হিসেবে দেখায়, প্রতিটির নিচে তার HEX কোডসহ। কোনো সোয়াচে ক্লিক করলে সেই রং মূল রিডআউটে চলে আসে, আর কোডে ক্লিক করলে সরাসরি ক্লিপবোর্ডে কপি হয়ে যায়। ফলে আর্টওয়ার্ক, ছবি বা মুডবোর্ড থেকে কালার স্কিম নেওয়া কিংবা রেফারেন্স ছবি থেকে মানানসই টোনের সেট বের করা অনুমান ছাড়াই সহজ হয়ে যায়।