PixelVault-এর কালার ও ইমেজ অ্যানালাইজার সম্পূর্ণভাবে আপনার ব্রাউজারে যেকোনো ছবি থেকে প্যালেট, হিস্টোগ্রাম ও কনট্রাস্ট তথ্য বের করে। একটি ছবি, চিত্র বা স্ক্রিনশট ছেড়ে দিন আর তাৎক্ষণিকভাবে এর প্রধান রঙগুলো কপিযোগ্য হেক্স কোড হিসেবে পান, প্রতিটি রঙ যে অংশ দখল করে তা সহ। কিছু ইনস্টল না করে বা আপনার ফাইল আপলোড না করে আপনার পছন্দের একটি ছবি থেকে একটি প্যালেট টানার এটি একটি দ্রুত উপায়।
প্রধান রঙ থেকে আপনি একটি সুসংগত স্কিম গড়তে পরিপূরক, সাদৃশ্যপূর্ণ, ত্রয়িক ও মনোক্রোম সাদৃশ্য তৈরি করতে পারেন, এবং পুরো প্যালেটটি প্লেইন HEX, CSS ভেরিয়েবল, SCSS ভেরিয়েবল, JSON বা একটি Tailwind কনফিগ হিসেবে এক্সপোর্ট করতে পারেন — সরাসরি আপনার প্রকল্পে পেস্ট করার জন্য প্রস্তুত। গভীর বিশ্লেষণের জন্য, RGB ও লুমিন্যান্স হিস্টোগ্রাম এক্সপোজার ও টোনাল ভারসাম্য প্রকাশ করে, একটি গ্রেস্কেল প্রিভিউ দেখায় রঙ ছাড়া একটি ছবি কেমন পড়ে, আর WCAG কনট্রাস্ট চেকার আপনাকে বলে একটি টেক্সট-ও-ব্যাকগ্রাউন্ড জুটি অ্যাক্সেসযোগ্যতার জন্য AA ও AAA পাস করে কিনা।
কীভাবে কাজ করে
PixelVault ছবিটি কমানো রেজোলিউশনে নমুনায়িত করে এবং প্রধানগুলো খুঁজতে অনুরূপ রঙ বাকেটে ভাগ করে, সাদৃশ্য গড়তে কালার স্পেসের মধ্যে রূপান্তর করে, এবং হিস্টোগ্রাম গণনা করতে পিক্সেল মান পড়ে। কনট্রাস্ট রেশিও WCAG 2.1 আপেক্ষিক-লুমিন্যান্স সূত্র ব্যবহার করে। এর সবটাই ইতিমধ্যে আপনার ব্রাউজারে লোড করা পিক্সেলে চলে।
লোকাল প্রক্রিয়াকরণ কেন গুরুত্বপূর্ণ
স্থানীয়ভাবে বিশ্লেষণ করা আপনার ছবি — ক্লায়েন্টের কাজ, অপ্রকাশিত ডিজাইন, ব্যক্তিগত ছবি — নেটওয়ার্ক থেকে দূরে রাখে। কোনো আপলোড নেই এবং কপি রাখতে পারে এমন কোনো সার্ভার নেই, আর ফলাফল তাৎক্ষণিক কারণ পিক্সেল ইতিমধ্যে পৃষ্ঠায় আছে।
সমর্থিত ফরম্যাট
- JPG — সরাসরি বিশ্লেষণ করা।
- PNG — রঙ নমুনায়নের সময় স্বচ্ছতা সম্মান করা হয়।
- WebP — সম্পূর্ণভাবে সমর্থিত।
সাধারণ ব্যবহার
- একটি ছবি বা ডিজাইন রেফারেন্স থেকে একটি রঙের প্যালেট বের করুন।
- একটি ব্র্যান্ড বা UI-এর জন্য মানানসই রঙের স্কিম তৈরি করুন।
- অ্যাক্সেসযোগ্যতার জন্য টেক্সট-ও-ব্যাকগ্রাউন্ড কনট্রাস্ট যাচাই করুন।
- RGB ও লুমিন্যান্স হিস্টোগ্রাম দিয়ে এক্সপোজার ও টোন পরিদর্শন করুন।