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

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

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

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

AA (4.5:1)
AAA (7:1)

বড় টেক্সট

AA (3:1)
AAA (4.5:1)
White
#ffffff
Coral Tree
#a86b6b

দ্রুত সমাধান

Aa

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

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

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

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

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

Level AA

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

Level 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 স্লাইডার
  • একাধিক প্রিভিউ ফরম্যাট

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

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