কালার কনট্রাস্ট চেকার: WCAG AA ও AAA – ফ্রি
ফ্রি, সাইন-আপ লাগে না, আপনার ব্রাউজারেই কাজ করে। WCAG কনট্রাস্ট রেশিও দিয়ে যাচাই করুন ব্যাকগ্রাউন্ডের ওপর লেখা পড়া যায় কিনা, সাধারণ লেখা, বড় লেখা ও কন্ট্রোলের জন্য AA ও AAA ফলাফল দেখুন, আর পাস করে এমন সবচেয়ে কাছের রং পান।
বড় টেক্সট এভাবে দেখায়
সাধারণ মূল লেখা এরকম দেখায়। একটি চটপটে বাদামি শিয়াল অলস কুকুরের ওপর দিয়ে লাফ দেয়, আর ক্যাপশনের মতো ছোট লেখা থাকে নিচে।
ছোট টেক্সট: 14px ক্যাপশন।
বাটনকনট্রাস্ট অনুপাত13.08:1
- সাধারণ টেক্সট, AA: পাসমূল লেখা, অন্তত 4.5:1
- সাধারণ টেক্সট, AAA: পাসউন্নত, অন্তত 7:1
- বড় টেক্সট, AA: পাস18pt+, বা 14pt+ বোল্ড, অন্তত 3:1
- বড় টেক্সট, AAA: পাসউন্নত, অন্তত 4.5:1
- আইকন ও কন্ট্রোল, AA: পাসবাটন, বর্ডার, চার্টের লাইন: 3:1
WCAG 2 কনট্রাস্ট সূত্র ব্যবহার করে। অনুপাত কখনো ওপরের দিকে রাউন্ড করা হয় না, তাই 4.49:1-কে 4.5:1 ধরা হয় না। যাচাই হয় আপনার ডিভাইসেই।
কেন কালার কনট্রাস্ট চেকার ব্যবহার করবেন
- 100% ফ্রি
- যতবার খুশি ব্যবহার করুন। সাইন-আপ নেই, ওয়াটারমার্ক নেই, কিছু ইনস্টল করতে হবে না।
- গোপনীয়তা শুরু থেকেই
- আপনি যা লেখেন তা আপনার ব্রাউজারেই থাকে, কখনো আমাদের কাছে পাঠানো হয় না।
- যেকোনো ডিভাইসে চলে
- Windows, Mac, Linux, Android ও iPhone-এ আপনার ব্রাউজারেই চলে। কোনো অ্যাপ লাগে না।
কালার কনট্রাস্ট চেকার কীভাবে ব্যবহার করবেন
- লেখার রং ও ব্যাকগ্রাউন্ডের রং লিখুন, বা বেছে নিন।
- কনট্রাস্ট রেশিও আর পাস বা ফেলের ফলাফল দেখুন।
- ফেল করলে পাস করে এমন একটি প্রস্তাবিত রঙে ক্লিক করুন।
সাধারণ প্রশ্ন
- কত কনট্রাস্ট রেশিও দরকার?
- WCAG AA-তে সাধারণ লেখার জন্য 4.5:1 আর বড় লেখা ও বোতাম, আইকনের মতো ইন্টারফেস অংশের জন্য 3:1 লাগে। AAA-তে লাগে 7:1 ও 4.5:1।
- বড় লেখা কোনটাকে ধরা হয়?
- অন্তত 18 পয়েন্ট (24px) সাধারণ, বা 14 পয়েন্ট (প্রায় 18.7px) বোল্ড।
- স্বচ্ছ লেখার রং কি সামলাতে পারে?
- হ্যাঁ। কনট্রাস্ট মাপার আগে স্বচ্ছ লেখার রং ব্যাকগ্রাউন্ডের সাথে মিশিয়ে নেওয়া হয়।
- 4.49:1 কেন ফেল করে?
- WCAG বলে রেশিও রাউন্ড করে বাড়ানো যাবে না, তাই 4.5:1-এর নিচে যেকোনো কিছু সাধারণ লেখার জন্য AA পূরণ করে না।
- কালার কনট্রাস্ট চেকার কি ফ্রি?
- হ্যাঁ। এটি ব্যবহার করতে কোনো টাকা লাগে না, সাইন-আপ লাগে না, কিছু ইনস্টলও করতে হয় না।
সম্পর্কিত টুল
- HEX থেকে RGB কালার কনভার্টারস্বচ্ছতাসহ এক ধাপে HEX, RGB, HSL, HSV ও CMYK-এর মধ্যে রং কনভার্ট করুন। যেকোনো ফরম্যাটে কোড পেস্ট করুন বা একটি রং বেছে নিন, তারপর যে ফরম্যাট দরকার তা কপি করুন আর টেক্সটের কনট্রাস্ট যাচাই করুন।
- কালার প্যালেট জেনারেটরএকটি কী চেপেই কালার প্যালেট তৈরি করুন, পছন্দের রং লক করুন, অথবা একটি বেস রং থেকে অ্যানালগাস, কমপ্লিমেন্টারি বা ট্রায়াডিক হারমনি দিয়ে প্যালেট বানান। CSS ভ্যারিয়েবল, Tailwind বা JSON হিসেবে এক্সপোর্ট করুন।
- রঙের নাম খুঁজুনযেকোনো রঙের নাম খুঁজে নিন: একটি HEX, RGB বা HSL কোড পেস্ট করুন আর পান সবচেয়ে কাছের CSS রঙের নাম, সহজ ভাষায় বর্ণনা, আর ঘেঁটে দেখার জন্য 148টি নামযুক্ত রঙের পূর্ণ তালিকা।