ডিজাইন

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

দুটি রঙের জন্য WCAG কনট্রাস্ট অনুপাত।

আমরা জানার আগেই আমরা মাটি ছেড়ে চলে গিয়েছিলাম।
1.00
কনট্রাস্ট অনুপাত
স্ট্যান্ডার্ডস্বাভাবিক টেক্সটবড় লেখা
WCAG AA
WCAG AAA
WCAG 1.4.11টেক্সট নয় এমন / UI উপাদান (≥3:1): —

সবচেয়ে কাছের AA টেক্সট বিকল্পOKLCH বিকল্প গণনা করা হচ্ছে…

এই রিপোর্ট WCAG 2.2-এর কনট্রাস্ট-অনুপাতের শর্ত মেনে চলে। APCA এখনও পরীক্ষামূলক এবং WCAG 3 সম্মতির ফল নয়।

রঙ বাছাই করবেন? রং কনভার্টার · সোশ্যাল বায়োস: ফ্যান্সি টেক্সট জেনারেটর · স্কেল: রঙের শেড জেনারেটর.

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

একটি টেক্সট রঙ এবং একটি ব্যাকগ্রাউন্ড রঙ নির্বাচন করুন। কনট্রাস্ট অনুপাত এবং প্রতিটি WCAG স্তরের জন্য পাস/ফেল লাইভ আপডেট হয়, একটি প্রিভিউ সহ।

প্রশ্নোত্তর (FAQ)

ভালো কনট্রাস্ট রেশিও কী?

WCAG AA-তে সাধারণ text-এর জন্য 4.5:1 এবং বড় text-এর জন্য 3:1 প্রয়োজন। AAA-তে যথাক্রমে 7:1 ও 4.5:1 প্রয়োজন। WCAG 1.4.11-এ গুরুত্বপূর্ণ non-text graphic এবং UI component-এর boundary বা state-এর জন্যও 3:1 প্রয়োজন।

বড় টেক্সট হিসেবে কী গণ্য করা হয়?

বড় লেখা প্রায় 18pt (24px) অথবা 14pt (18.66px) বোল্ড এবং তার চেয়ে বড়।

অনুপাত কীভাবে গণনা করা হয়?

উভয় রঙের আপেক্ষিক উজ্জ্বলতা থেকে: (হালকা + 0.05) ÷ (গাঢ় + 0.05), WCAG সূত্র অনুযায়ী।

সর্বশেষ আপডেট: