pixel → HEX · RGB · HSL
ইমেজ কালার পিকার
ছবির একটি পিক্সেলে ক্লিক করে তার রং পড়ুন: #0060fd পিক্সেল পড়া হয় rgb(0, 96, 253) আর hsl(217, 100%, 50%) হিসেবে। নিজের ছবি থেকে রং বাছতে একটি ছবি যোগ করুন।
- rgb(0, 96, 253) = #0060fd
- rgb(255, 128, 0) = #ff8000
- #0060fd 75% + #ffffff 25%
ক্লিক, ট্যাপ বা অ্যারো কী দিয়ে বেছে নিন। আপনার ছবি শুধু এই ট্যাবেই আঁকা হয় আর কখনো আপলোড হয় না।
Scanned by 
NortonTM Safe Web
এক নজরে
- মূল্য
- কোনো চার্জ নেই
- অ্যাকাউন্ট
- লাগে না
- আপলোড
- নেই — ছবি আপনার ব্রাউজার ট্যাবে আঁকা হয় আর কিছুই কোথাও পাঠানো হয় না
- ফরম্যাট
- PNG, JPEG, WebP, GIF, AVIF, BMP ও SVG, আপনার ব্রাউজার যতটা ডিকোড করে
- ছবির আকার
- দীর্ঘতম দিকে সর্বোচ্চ 1600 পিক্সেলে আঁকা; 200 MB ও 120 million পিক্সেল পর্যন্ত ফাইল
- প্যালেট
- প্রায় 20,000 নমুনা পিক্সেলে মিডিয়ান কাট দিয়ে ছয়টি প্রধান রং
বাছা রং ও প্যালেট কীভাবে কাজ করে
এই সারিগুলো টুলের একই কোড দিয়ে তৈরি। প্যালেটের তালিকায় 4 × 4 পিক্সেলের একটি ছবি ব্যবহার হয়েছে, যাতে বারোটি নীল আর চারটি সাদা পিক্সেল।
| পিক্সেলের রং | HEX | RGB | HSL |
|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) |
| #ff8000 | #ff8000 | rgb(255, 128, 0) | hsl(30, 100%, 50%) |
| #00a86b | #00a86b | rgb(0, 168, 107) | hsl(158, 100%, 33%) |
| #767676 | #767676 | rgb(118, 118, 118) | hsl(0, 0%, 46%) |
| #fdd835 | #fdd835 | rgb(253, 216, 53) | hsl(49, 98%, 60%) |
| প্যালেটের রং | পিক্সেলের অংশ |
|---|---|
| #0060fd | 75% |
| #ffffff | 25% |
ছবি থেকে রং কীভাবে বাছবেন
একটি ছবি যোগ করুন
PNG, JPEG, WebP, GIF, AVIF, BMP বা SVG ফাইল বাক্সে ড্রপ করুন, ফাইল বেছে নিন বোতামে একটি বাছুন, অথবা ক্লিপবোর্ড থেকে ছবি পেস্ট করুন। নিজের ছবি যোগ না করা পর্যন্ত একটি নমুনা ছবি দেখানো হয়।
ক্লিক, ট্যাপ বা অ্যারো কী ব্যবহার করুন
কোনো বিন্দুতে ক্লিক বা ট্যাপ করুন, অথবা ছবির উপর দিয়ে টেনে নিন। ছবিতে ফোকাস থাকলে অ্যারো কী ক্রসহেয়ারকে একবারে এক পিক্সেল সরায় আর Shift-সহ অ্যারো দশ পিক্সেল সরায়। টাইলগুলো রংটি HEX, RGB ও HSL-এ দেখায়।
একটি রং বা প্যালেটের এন্ট্রি কপি করুন
কোনো টাইলে কপি চাপুন, অথবা প্যালেটের সোয়াচ চেপে তার HEX কোড কপি করুন। প্যালেট পুরো ছবির ছয়টি প্রধান রং আর প্রতিটি ছবির কতটা অংশ জুড়ে আছে তা দেখায়।
রংগুলো কীভাবে পড়া হয়
ব্রাউজার আপনার ফাইল ডিকোড করে আর পেজ এই ট্যাবে একটি ক্যানভাস এলিমেন্টে তা আঁকে। দীর্ঘতম দিকে 1600 পিক্সেলের চেয়ে বড় ছবিকে ছোট করে ফিট করানো হয়, তাই খুব বড় ছবি থেকে পড়া রং ছোট করা কপি থেকে আসে, যেখানে পাশাপাশি পিক্সেলের গড় করা হয়েছে। এরপর পেজ ক্যানভাসের কাছে ক্রসহেয়ারের নিচের একক পিক্সেলের লাল, সবুজ, নীল ও আলফা মান চায় আর HEX, RGB ও HSL হিসেবে ছাপে। স্বচ্ছতাযুক্ত পিক্সেল তার আলফা মানসহ ছাপা হয়। ক্যানভাস রংকে আলফা দিয়ে গুণ করে সংরক্ষণ করে, তাই আংশিক স্বচ্ছ পিক্সেলের একটি চ্যানেল এক ইউনিট কম পড়তে পারে: 50% অস্বচ্ছতায় 200 পড়া হয় 199।
প্যালেট মিডিয়ান কাট ব্যবহার করে। পেজ প্রতি n-তম পিক্সেল দেখে, সর্বোচ্চ প্রায় 20,000টি, আর অর্ধেকের বেশি স্বচ্ছ পিক্সেল বাদ দেয়। এই রংগুলোকে একটি বাক্সে রেখে ছয়টি বাক্স না হওয়া পর্যন্ত, বা কোনো বাক্সে দুটি ভিন্ন রং না থাকা পর্যন্ত, যে বাক্সের কোনো একটি চ্যানেলে বিস্তার সবচেয়ে বেশি তাকে সেই চ্যানেলের মিডিয়ানে বারবার কাটে। প্রতিটি বাক্স তার পিক্সেলের গড় হিসেবে দেখানো হয়, সে নমুনা-পিক্সেলের যত অংশ ধরে তার শতাংশসহ, বড়টি আগে। একই ছবির জন্য ফলাফল প্রতিবার একই হয়। ছয়টির কম আলাদা রঙের ছবির প্যালেট ছোট হয়, আর অ্যানিমেটেড ছবি একটিমাত্র স্থির ছবি হিসেবে পড়া হয়।
ইমেজ কালার পিকার নিয়ে প্রশ্ন
ছবির কোনো রঙের HEX কোড কীভাবে পাব?
ছবিটি যোগ করে যে জায়গাটি চান সেখানে ক্লিক করুন। HEX টাইল সেই পিক্সেলের কোড দেখায়, যেমন #0060fd, আর কপি তা ক্লিপবোর্ডে রাখে। কোনো জায়গা না বেছে প্রধান রংগুলো পেতে বরং প্যালেটের একটি সোয়াচ চাপুন।
কোন কোন ছবির ফরম্যাট চলে?
PNG, JPEG, WebP, GIF, AVIF, BMP ও SVG, যতক্ষণ আপনার ব্রাউজার সেগুলো ডিকোড করতে পারে। AVIF ব্রাউজারের সংস্করণের উপর নির্ভর করে। PDF বা TIFF-এর মতো অন্য ফাইল বার্তাসহ প্রত্যাখ্যান করা হয়। 200 MB-এর বেশি বা 120 million পিক্সেলের বেশি ফাইলও প্রত্যাখ্যান করা হয়।
ছয় রঙের প্যালেট কীভাবে বাছা হয়?
প্রায় 20,000 পিক্সেলের নমুনার উপর মিডিয়ান কাট দিয়ে: ছয়টি না হওয়া পর্যন্ত রংগুলোকে তাদের সবচেয়ে বিস্তৃত চ্যানেলের মিডিয়ানে বাক্সে ভাগ করা হয়, আর প্রতিটি বাক্স হয় তার পিক্সেলের গড়। প্রতিটি সোয়াচের নিচের শতাংশ সেই বাক্সে নমুনা-পিক্সেলের অংশ। বেশিরভাগ স্বচ্ছ পিক্সেল বাদ যায়।
পাশাপাশি দুটি পিক্সেলে রং সামান্য আলাদা আসে কেন?
ছবি আর JPEG-এর মতো সংকুচিত ছবিতে পিক্সেল থেকে পিক্সেলে সামান্য তারতম্য থাকে, তাই একই রকম দেখানো দুটি বিন্দু প্রতি চ্যানেলে কয়েক ইউনিট আলাদা হতে পারে। প্রতিনিধিত্বকারী রং চাইলে কয়েকটি বিন্দুতে ক্লিক করুন, বা অনেক পিক্সেলের গড় করা প্যালেট ব্যবহার করুন।
আমার ছবি কি কোথাও আপলোড হয়?
না। ফাইলটি আপনার ব্রাউজার এই ট্যাবে ডিকোড করে আঁকে, রংগুলো সেই আঁকা থেকে পড়া হয়, আর কিছুই সার্ভারে পাঠানো হয় না। পেজ বন্ধ করলে বা রিলোড করলে ছবিটি মুছে যায়।
স্ক্রিন পিকার বোতাম কী করে?
যেসব ব্রাউজারে EyeDropper সুবিধা আছে, সেখানে বোতামটি আপনাকে অন্য উইন্ডোসহ স্ক্রিনের যেকোনো বিন্দুতে ক্লিক করতে দেয় আর তার রং দেখায়। সুবিধাটি না থাকা ব্রাউজারে বোতামটি দেখানো হয় না; ছবির পিকার সব জায়গায় চলে।