কালার পিকার ও কনট্রাস্ট চেকার

বেছে নিন যেকোনো রঙ এবং যাচাই করুন WCAG 2.1 কনট্রাস্ট রেশিও (AA/AAA লেভেল)। ডিজাইনের জন্য একদম পারফেক্ট। সবকিছু চলে লোকাল ব্রাউজারে

কনট্রাস্ট রেশিও

4.5:1
AA নরমাল
AA লার্জ
AAA নরমাল
AAA লার্জ
এই রং সমন্বয়টি WCAG 2.1 AA গাইডলাইন অনুযায়ী নরমাল টেক্সটের জন্য উপযুক্ত।
বর্তমান রং সমন্বয়ের উদাহরণ টেক্সট

WCAG 2.1 কনট্রাস্ট গাইডলাইন সম্পর্কে

ওয়েব কনটেন্ট অ্যাক্সেসিবিলিটি গাইডলাইন (WCAG) নিশ্চিত করে যে দৃষ্টি প্রতিবন্ধী ব্যক্তিদের জন্য টেক্সট পাঠযোগ্য। কনট্রাস্ট রেশিও ফোরগ্রাউন্ড এবং ব্যাকগ্রাউন্ড রং এর মধ্যে আলোর পার্থক্য পরিমাপ করে।

AA নরমাল টেক্সট

নরমাল টেক্সটের জন্য ন্যূনতম ৪.৫:১ কনট্রাস্ট রেশিও প্রয়োজন (১৮ পয়েন্টের কম বা ১৪ পয়েন্ট বোল্ড)

AA লার্জ টেক্সট

বড় টেক্সটের জন্য ন্যূনতম ৩:১ কনট্রাস্ট রেশিও প্রয়োজন (কমপক্ষে ১৮ পয়েন্ট বা ১৪ পয়েন্ট বোল্ড)

AAA নরমাল টেক্সট

নরমাল টেক্সটের জন্য উন্নত ৭:১ কনট্রাস্ট রেশিও প্রয়োজন

AAA লার্জ টেক্সট

বড় টেক্সটের জন্য উন্নত ৪.৫:১ কনট্রাস্ট রেশিও প্রয়োজন

কীভাবে ব্যবহার করবেন

  1. ফোরগ্রাউন্ড/ব্যাকগ্রাউন্ড রঙ বাছাই করুন বা হেক্স কোড লিখুন।
  2. #RGB (যেমন #abc) দিলে স্বয়ংক্রিয়ভাবে #aabbcc ধরা হয়।
  3. রেশিও ≥ 4.5 হলে AA (Normal), ≥ 7 হলে AAA (Normal)।
  4. ↔ বোতামে রঙ অদলবদল করা যায়।
  5. এই টুলটি অফলাইনে চলতে পারে; কোনো ডেটা সার্ভারে যায় না।
  6. রং নির্বাচন করুন এবং অ্যাক্সেসিবিলিটি চেক করুন

প্রশ্নোত্তর/faq

হ্যাঁ, প্রথম লোডের পর পুরোটা ব্রাউজারেই চলে।

AA (Normal) ≥ 4.5:1, AA (Large) ≥ 3:1, AAA (Normal) ≥ 7:1।

হ্যাঁ—#abc → #aabbcc করে কনট্রাস্ট ক্যালকুলেট করা হয়।

না—এই সংস্করণে solid হেক্স (RGB) ব্যবহার করা হয়েছে।