কালার কন্ট্রাস্ট চেকার
কালার কন্ট্রাস্ট চেকার
টেক্সট ও ব্যাকগ্রাউন্ড রঙের মধ্যে WCAG কন্ট্রাস্ট অনুপাত পরীক্ষা করুন — সাধারণ টেক্সট, বড় টেক্সট ও UI কম্পোনেন্টের জন্য AA/AAA পাস-ফেল গ্রেড দেখুন, সাথে লাইভ প্রিভিউ ও অ্যাক্সেসিবল রঙের পরামর্শ।টেক্সটের রঙ
টিন্ট
ব্যাকগ্রাউন্ডের রঙ
টিন্ট
কন্ট্রাস্ট অনুপাত
--:1
সাধারণ টেক্সট
১৮px-এর নিচের বডি টেক্সট (বা ১৪px বোল্ডের নিচে)
AA
AAA
বড় টেক্সট
১৮px+ সাধারণ, বা ১৪px+ বোল্ড
AA
AAA
UI কম্পোনেন্ট
আইকন, বর্ডার, ফর্ম কন্ট্রোল ও গ্রাফিক্স
AA
AAA
লাইভ প্রিভিউ
The quick brown fox
কন্ট্রাস্ট পর্যাপ্ত হলে বড় টেক্সট আরামদায়কভাবে পড়া যায়।
এটি সাধারণ বডি টেক্সটের একটি নমুনা অনুচ্ছেদ। ভালো কালার কন্ট্রাস্ট আপনার কন্টেন্ট সবার জন্য পড়ার উপযোগী রাখে, কম দৃষ্টিশক্তি বা বর্ণান্ধতা আছে এমন ব্যক্তিদের সহ। একটি নমুনা লিঙ্ক.
ছোট প্রিন্ট ও ক্যাপশন পড়া সবচেয়ে কঠিন — এগুলোর সবচেয়ে বেশি কন্ট্রাস্ট প্রয়োজন।
নমুনা বাটন
নমুনা বাটন
পরামর্শ
এই কম্বিনেশনটি ইতোমধ্যে সাধারণ টেক্সটের জন্য WCAG AA পূরণ করে। চমৎকার কাজ!
AA (৪.৫:১) পাস করে এমন নিকটতম অ্যাক্সেসিবল টেক্সটের রঙ:
:1
এই টেক্সটের রঙের কোনো অ্যাক্সেসিবল ভেরিয়েন্ট এই ব্যাকগ্রাউন্ডের বিপরীতে AA পৌঁছাতে পারে না — পরিবর্তে ব্যাকগ্রাউন্ড পরিবর্তন করে দেখুন।
সবকিছু WCAG 2.x রিলেটিভ-লুমিনান্স ফর্মুলা ব্যবহার করে আপনার ব্রাউজারে লাইভ গণনা করা হয় — কোনো আপলোড নেই, কোনো সাইন-আপ নেই, সম্পূর্ণ বিনামূল্যে।
জনপ্রিয় অনুসন্ধান
রঙ কনট্রাস্ট চেকার
wcag কনট্রাস্ট অনুপাত
অ্যাক্সেসিবিলিটি কনট্রাস্ট চেকার
টেক্সট কনট্রাস্ট চেকার
aa aaa কনট্রাস্ট পরীক্ষা
অনলাইনে রঙ কনট্রাস্ট যাচাই