কালার কন্ট্রাস্ট চেকার
টেক্সট ও ব্যাকগ্রাউন্ড রঙের মধ্যে WCAG কন্ট্রাস্ট অনুপাত পরীক্ষা করুন — সাধারণ টেক্সট, বড় টেক্সট ও UI কম্পোনেন্টের জন্য AA/AAA পাস-ফেল গ্রেড দেখুন, সাথে লাইভ প্রিভিউ ও অ্যাক্সেসিবল রঙের পরামর্শ।
টেক্সটের রঙ
টিন্ট
ব্যাকগ্রাউন্ডের রঙ
টিন্ট
কন্ট্রাস্ট অনুপাত
--:1
সাধারণ টেক্সট
১৮px-এর নিচের বডি টেক্সট (বা ১৪px বোল্ডের নিচে)
AA AAA
বড় টেক্সট
১৮px+ সাধারণ, বা ১৪px+ বোল্ড
AA AAA
UI কম্পোনেন্ট
আইকন, বর্ডার, ফর্ম কন্ট্রোল ও গ্রাফিক্স
AA AAA
লাইভ প্রিভিউ

The quick brown fox

কন্ট্রাস্ট পর্যাপ্ত হলে বড় টেক্সট আরামদায়কভাবে পড়া যায়।

এটি সাধারণ বডি টেক্সটের একটি নমুনা অনুচ্ছেদ। ভালো কালার কন্ট্রাস্ট আপনার কন্টেন্ট সবার জন্য পড়ার উপযোগী রাখে, কম দৃষ্টিশক্তি বা বর্ণান্ধতা আছে এমন ব্যক্তিদের সহ। একটি নমুনা লিঙ্ক.

ছোট প্রিন্ট ও ক্যাপশন পড়া সবচেয়ে কঠিন — এগুলোর সবচেয়ে বেশি কন্ট্রাস্ট প্রয়োজন।
নমুনা বাটন নমুনা বাটন
পরামর্শ

সবকিছু WCAG 2.x রিলেটিভ-লুমিনান্স ফর্মুলা ব্যবহার করে আপনার ব্রাউজারে লাইভ গণনা করা হয় — কোনো আপলোড নেই, কোনো সাইন-আপ নেই, সম্পূর্ণ বিনামূল্যে।


শেয়ার করুন

জনপ্রিয় অনুসন্ধান
রঙ কনট্রাস্ট চেকার wcag কনট্রাস্ট অনুপাত অ্যাক্সেসিবিলিটি কনট্রাস্ট চেকার টেক্সট কনট্রাস্ট চেকার aa aaa কনট্রাস্ট পরীক্ষা অনলাইনে রঙ কনট্রাস্ট যাচাই

আপনার নিজের ওয়েবসাইটে এই বিনামূল্যের টুলটি যোগ করুন — নিচের কোডটি কপি করে পেস্ট করুন।