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

English

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

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

কালার পিকার · কীভাবে ব্যবহার করবেন · প্রশ্নোত্তর · সম্পর্কিত টুলস

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

কালার পিকার নির্বাচন

HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 92%, 60%)

প্রিসেট রং

কনট্রাস্ট চেকার অ্যাক্সেসিবিলিটি

বড় টেক্সটের উদাহরণ
সাধারণ টেক্সটের উদাহরণ
ছোট টেক্সটের উদাহরণ
21.00
কনট্রাস্ট রেশিও
সাধারণ টেক্সট (AA)
পাস
বড় টেক্সট (AA)
পাস
সাধারণ টেক্সট (AAA)
পাস
বড় টেক্সট (AAA)
পাস
সাজেশন
  • কনট্রাস্ট রেশিও চমৎকার! WCAG গাইডলাইন অনুযায়ী সবকিছু পাস করেছে।

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

  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) ব্যবহার করা হয়েছে।