রঙ প্যালেট নেমার
রঙের তালিকা পেস্ট করুন এবং প্রতিটির জন্য একটি নাম, নিকটতম CSS রঙ, প্রায়-নকল সতর্কতা এবং WCAG কনট্রাস্ট পান — CSS বা JSON হিসেবে এক্সপোর্ট করুন।
🔒 এই টুলটি সম্পূর্ণভাবে আপনার ব্রাউজারে চলে। আপনার ফাইল কখনও সার্ভারে আপলোড করা হয় না।
ব্রাউজার টুল
রঙ প্যালেট নেমার
এটি কীভাবে কাজ করে
- আপনার রঙগুলো পেস্ট করুন — হেক্স, rgb(), বা CSS রঙের নাম, প্রতি লাইনে একটি বা কমা দিয়ে আলাদা করা।
- প্রতিটি একটি নাম পায়: কাছাকাছি মিল থাকলে একটি সঠিক CSS রঙের নাম, নতুবা "ভিভিড ডার্ক ব্লু"-এর মতো একটি তৈরি বিবরণ।
- প্রায়-অভিন্ন রঙের সতর্কতা এবং কনট্রাস্ট মানগুলো পরীক্ষা করুন, যদি আপনি কোনো রঙ টেক্সট বা ব্যাকগ্রাউন্ড হিসেবে ব্যবহার করেন।
- সম্পূর্ণ প্যালেটটি CSS কাস্টম প্রপার্টি বা JSON হিসেবে এক্সপোর্ট করুন।
FAQ
আমার ডেটা কি কোথাও আপলোড করা হয়?
না। Color Palette Namer সম্পূর্ণভাবে আপনার ব্রাউজারে চলে — কোনো সার্ভারে কিছু পাঠানো হয় না।
নামগুলো কোথা থেকে আসে?
দুটি উৎস থেকে। যদি কোনো রঙ ১৪৮টি স্ট্যান্ডার্ড CSS রঙ কীওয়ার্ডের (যেমন "forestgreen" বা "royalblue" — CSS/SVG স্পেসিফিকেশনের বিরুদ্ধে যাচাইকৃত) কোনো একটির কাছাকাছি হয়, তাহলে সেই সঠিক নামটি ব্যবহার করা হয়। অন্যথায় হিউ, লাইটনেস এবং স্যাচুরেশন থেকে একটি বর্ণনামূলক নাম তৈরি করা হয়, যেমন "ভিভিড ডার্ক ব্লু" — কখনো যাচাই করা যায় না এমন কোনো বানানো নাম নয়।
"প্রায়-নকল" রঙ কী গণ্য হয়?
দুটি রঙ যা উপলব্ধিযোগ্য রঙের স্থানে (কাঁচা RGB নয়, CIE Lab-এ পরিমাপ করা) এতটাই কাছাকাছি যে পাশাপাশি রাখলে প্রায় অভিন্ন দেখাবে — একটি প্যালেট প্রকাশের আগে ধরার একটি সাধারণ বিষয়, যেখানে দুটি সোয়াচ কেউ আলাদা করতে পারে না।
কনট্রাস্ট মানগুলোর অর্থ কী?
সেই রঙের WCAG 2 কনট্রাস্ট অনুপাত সম্পূর্ণ সাদা এবং সম্পূর্ণ কালোর বিপরীতে, ১:১ (কোনো কনট্রাস্ট নেই) থেকে ২১:১ (সাদার উপর কালো) পর্যন্ত। সাধারণ টেক্সটের জন্য AA-এর ৪.৫:১ বা বড় টেক্সটের জন্য ৩:১ প্রয়োজন; AAA-এর ৭:১ প্রয়োজন — কোনো রঙ টেক্সট বা ব্যাকগ্রাউন্ড হিসেবে নিরাপদ কিনা তা যাচাই করতে উপযোগী।
আমি কি একবারে একাধিক রঙ প্রবেশ করাতে পারি?
হ্যাঁ — প্রতি লাইনে একটি, বা কমা দিয়ে আলাদা করা। হেক্স কোড, rgb()/rgba(), এবং CSS রঙের নাম সবই গ্রহণযোগ্য।
ফলাফল কতটা সঠিক?
১৪৮টি সঠিক CSS রঙের নাম CSS Color Module / SVG স্পেসিফিকেশনের বিরুদ্ধে যাচাইকৃত। রঙের মধ্যে দূরত্ব একটি স্ট্যান্ডার্ড sRGB-থেকে-Lab রূপান্তর ব্যবহার করে, প্রকাশিত রেফারেন্স মানের বিরুদ্ধে পরীক্ষিত। বর্ণনামূলক নামগুলো স্পষ্ট হিউ/লাইটনেস/স্যাচুরেশন ব্যান্ডের একটি স্কিম, অনুমান নয়।
আমি কি ডিজাইন টোকেন বা স্টাইল গাইডের জন্য নামগুলো ব্যবহার করতে পারি?
হ্যাঁ — ঠিক এই কাজের জন্যই এটি তৈরি: হেক্স কোডের একটি প্যালেটকে মানুষের পড়ার উপযোগী নামে পরিণত করা, যা আপনি টোকেন নাম, ডকুমেন্টেশন, বা কাঁচা হেক্স মানের পরিবর্তে একটি স্টাইল গাইডে ব্যবহার করতে পারেন।
আমরা কীভাবে তুলনায় দাঁড়াই
| বৈশিষ্ট্য | Online Tool Store | থিম ও কালার হেক্স ফাইন্ডার | পেইড ডিজাইন সফটওয়্যার |
|---|---|---|---|
| একবারে পুরো প্যালেটের নাম দেয়, একবারে একটি রঙ নয় | ✓ | ✗ | ✓ |
| একই প্যালেটে প্রায়-নকল রঙ চিহ্নিত করে | ✓ | প্রযোজ্য নয় — শুধু একটি রঙ | ✗ |
| সাদা ও কালোর বিপরীতে WCAG কনট্রাস্ট সরাসরি দেখায় | ✓ | ✗ | সাধারণত আলাদা একটি টুল |
| সঠিক মিলে একটি যাচাইকৃত স্ট্যান্ডার্ড CSS রঙের নাম ব্যবহার করে | ✓ | ✓ | ব্র্যান্ড-নির্দিষ্ট নামকরণ |
| বিনামূল্যে, সাইন-আপ ছাড়াই | ✓ | ✓ | প্রায়ই সাবস্ক্রিপশন-ভিত্তিক |
একক-রঙের নাম খোঁজার টুলগুলো একবারে একটি সোয়াচ দেখার জন্য তৈরি। এটি একটি সম্পূর্ণ প্যালেট পর্যালোচনার জন্য তৈরি — প্রায়-নকল এবং কনট্রাস্ট পরীক্ষাগুলোই একটি প্যালেট প্রকাশের আগে সমস্যা ধরে ফেলে।