রঙের কনট্রাস্ট চেকার

অ্যাক্সেসিবিলিটি নিশ্চিত করতে সামনের এবং পেছনের রঙের মধ্যে কনট্রাস্ট অনুপাত পরীক্ষা করো।

আপনার রঙ যাচাই করুন

টেক্সটের পঠনযোগ্যতা নিশ্চিত করতে WCAG অ্যাক্সেসিবিলিটি স্ট্যান্ডার্ড পূরণের জন্য রঙের সংমিশ্রণ পরীক্ষা করো।

1.00:1
কনট্রাস্ট
ব্যর্থ
খুবই খারাপ

সাধারণ টেক্সট

AA (4.5:1)
ব্যর্থ
AAA (7:1)
ব্যর্থ

বড় টেক্সট

AA (3:1)
ব্যর্থ
AAA (4.5:1)
ব্যর্থ

দ্রুত সমাধান

Aa
পূর্বরূপ শিরোনাম

দ্রুত বাদামী শিয়াল অলস কুকুরের উপর লাফ দেয়

ছোট টেক্সট উদাহরণ (১২px)

টেক্সট
#2596be
পটভূমি
#ffffff

WCAG স্ট্যান্ডার্ডস

স্তর AA

সাধারণ টেক্সটের জন্য ন্যূনতম কনট্রাস্ট অনুপাত 4.5:1 এবং বড় টেক্সটের জন্য 3:1। অধিকাংশ ওয়েবসাইটের জন্য প্রয়োজনীয়।

স্তর AAA

সাধারণ টেক্সটের জন্য উন্নত কনট্রাস্ট অনুপাত 7:1 এবং বড় টেক্সটের জন্য 4.5:1। সর্বোত্তম অ্যাক্সেসিবিলিটির জন্য সুপারিশকৃত।

সমস্ত টেক্সট সাইজের জন্য অপর্যাপ্ত কনট্রাস্ট - WCAG মানদণ্ডে ব্যর্থ।

রঙ কনট্রাস্ট চেকার

টেক্সট এবং ব্যাকগ্রাউন্ড রঙের কনট্রাস্ট অনুপাত হিসাব করুন।

টেক্সট এবং ব্যাকগ্রাউন্ড রঙের জন্য কালার পিকার ব্যবহার করে একটি রঙ চয়ন করুন অথবা RGB হেক্সাডেসিমেল ফরম্যাটে একটি রঙ লিখুন (যেমন, #259 বা #2596BE)। রঙ নির্বাচন করতে আপনি স্লাইডারটি সামঞ্জস্য করতে পারেন। ওয়েব কন্টেন্ট আক্সেসিবিলিটি গাইডলাইনস (WCAG) দৃষ্টিশক্তিসম্পন্ন ব্যবহারকারীদের জন্য টেক্সট পাঠযোগ্য কিনা তা নির্ধারণ করতে সাহায্য করার জন্য একটি নির্দিষ্ট নির্দেশিকা প্রদান করে। এই মানদণ্ডটি নির্দিষ্ট অ্যালগরিদম ব্যবহার করে রঙের সংমিশ্রণগুলিকে তুলনীয় অনুপাতের মধ্যে মানচিত্র করে। এই সূত্রটি ব্যবহার করে, WCAG বলে যে টেক্সট এবং এর ব্যাকগ্রাউন্ডের সাথে 4.5:1 রঙের কনট্রাস্ট অনুপাত নিয়মিত (বডি) টেক্সটের জন্য পর্যাপ্ত, এবং বড় টেক্সটের (18+ pt নিয়মিত, বা 14+ pt বোল্ড) কমপক্ষে 3:1 রঙের কনট্রাস্ট অনুপাত থাকা উচিত।

মূল বৈশিষ্ট্য

  • রিয়েল-টাইম কনট্রাস্ট অনুপাত গণনা
  • WCAG AA & AAA সম্মতি যাচাই
  • সূক্ষ্ম টিউনিংয়ের জন্য HSL স্লাইডার
  • একাধিক প্রিভিউ ফরম্যাট

উন্নত সরঞ্জাম

  • স্বয়ংক্রিয় রঙ সংশোধন
  • টেক্সট এবং ব্যাকগ্রাউন্ড নমুনা
  • রঙের নাম সনাক্তকরণ
  • ফলাফল রপ্তানি

ঘন ঘন জিজ্ঞাসিত প্রশ্ন

WCAG AA সম্মতির জন্য সাধারণ টেক্সটের ন্যূনতম কনট্রাস্ট অনুপাত 4.5:1, আর বড় টেক্সটের (18pt বা 14pt বোল্ড) জন্য 3:1।

WCAG AAA উচ্চতর কনট্রাস্ট অনুপাত দাবি করে: সাধারণ টেক্সটে 7:1 এবং বড় টেক্সটে 4.5:1, যেখানে AA-তে যথাক্রমে 4.5:1 ও 3:1।

তোমার ডিজাইনের উদ্দেশ্য বজায় রেখে টেক্সট বা ব্যাকগ্রাউন্ডের রঙ সামঞ্জস্য করতে আমাদের স্বয়ংক্রিয় সংশোধন ফিচার ব্যবহার করো, অথবা AA/AAA সম্মতির জন্য সর্বোত্তম অঞ্চল দেখানো ভিজ্যুয়াল ইন্ডিকেটর সহ HSL স্লাইডার দিয়ে নিজে রঙ সমন্বয় করো।

সবুজ অঞ্চল ও AA/AAA চিহ্নগুলো WCAG সম্মতির জন্য সর্বোত্তম পরিসর দেখায়। দিকনির্দেশক ইঙ্গিত (হালকা/গাঢ়) তোমার বর্তমান রঙের সমন্বয় অনুযায়ী ভালো কনট্রাস্টের দিকে পথ দেখায়।

হ্যাঁ, তুমি যেকোনো HEX রঙ কোড লিখতে পারো, অথবা কালার পিকার দিয়ে নিজের রঙ বেছে নিতে পারো। URL নিজে থেকে আপডেট হয়, তাই তুমি নির্দিষ্ট রঙের সমন্বয় শেয়ার করতে পারো।