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

WCAG AA এবং AAA এর বিপরীতে ফোরগ্রাউন্ড/ব্যাকগ্রাউন্ড কনট্রাস্ট পরীক্ষা করুন। আপনি রং বাছাই অনুপাত আপডেট দেখুন.

Color Contrast Checker

Live

Foreground (text)

Background

17.85:1

Contrast ratio

AA normal: PassAA large: PassAAA normal: PassAAA large: Pass

Readable headline sample

Body text at normal size should stay clear against this background. Adjust colors until WCAG targets pass.

Small caption text for density checks.

CSS output

color: #0f172a;
background-color: #ffffff;
/* contrast ratio: 17.85:1 */

Key capabilities

WCAG AA এবং AAA নির্দেশিকাগুলির বিপরীতে ফোরগ্রাউন্ড/ব্যাকগ্রাউন্ড কনট্রাস্ট পরীক্ষা করুন।
আপনার ব্রাউজারে চলে
ব্যবহার করার জন্য বিনামূল্যে

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

টেক্সট বাছুন (ফোরগ্রাউন্ড) এবং পটভূমির রং।
বৈসাদৃশ্য অনুপাত এবং AA/AAA ফলাফল পড়ুন।
আপনি আপনার লক্ষ্য স্তর পাস না হওয়া পর্যন্ত সামঞ্জস্য করুন।

How this tool works

টেক্সট বাছুন (ফোরগ্রাউন্ড) এবং পটভূমির রং।
বৈসাদৃশ্য অনুপাত এবং AA/AAA ফলাফল পড়ুন।
আপনি আপনার লক্ষ্য স্তর পাস না হওয়া পর্যন্ত সামঞ্জস্য করুন।

Recommended settings

প্রথমে ডিফল্ট বিকল্পগুলি ব্যবহার করুন, তারপর প্রয়োজন হলে সামঞ্জস্য করুন

Supported formats

Text / on-page input

File size and limits

খুব জটিল মাল্টি-লেয়ার প্রিভিউ পুরানো ফোনে ধীরগতির মনে হতে পারে।

Privacy

রঙ এবং CSS জেনারেটর সম্পূর্ণরূপে আপনার ব্রাউজারে চলে। পূর্বরূপ এবং রূপান্তর আপনার শৈলী আপলোড না.

Common use cases

যখনই আপনার প্রয়োজন হবে কালার কনট্রাস্ট চেকার ব্যবহার করুন: WCAG AA এবং AAA নির্দেশিকাগুলির বিপরীতে ফোরগ্রাউন্ড/ব্যাকগ্রাউন্ড কনট্রাস্ট চেক করুন।

Troubleshooting

প্রিভিউ পেস্ট করার পরে ভিন্ন দেখায়

আপনার পৃষ্ঠায় প্রতিযোগী CSS পরীক্ষা করুন (রিসেট, উত্তরাধিকারসূত্রে পাওয়া রং)। উত্পন্ন নিয়মটি প্রথমে একটি বিচ্ছিন্ন স্টাইলশীটে অনুলিপি করুন।

প্রশ্নোত্তর

এটি কি আমার সিএসএস আপলোড করে?

না। জেনারেটর এবং রূপান্তরকারী লাইভ প্রিভিউ সহ আপনার ব্রাউজারে চলে।

আমি একটি অ্যাকাউন্ট প্রয়োজন?

না। টুল খুলুন, নিয়ন্ত্রণ পরিবর্তন করুন এবং CSS কপি করুন।