রং কোড রূপান্তর — HEX·RGB·HSL·CMYK, কনট্রাস্ট চেক
ডিজাইন প্রোটোটাইপের রং CSS কোডে রূপান্তর করতে, বা বাটনের লেখা স্পষ্টভাবে পড়া যায় কিনা অ্যাক্সেসিবিলিটি মানদণ্ডে যাচাই করতে ব্যবহার করুন।
ফাইল সার্ভারে পাঠানো হয় না — শুধু এই ডিভাইসের ব্রাউজারেই প্রসেস হয়
কনট্রাস্ট চেক (WCAG)
এই রং অক্ষরের রং হিসেবে ব্যবহার করলে ব্যাকগ্রাউন্ডের সাথে এই কনট্রাস্ট রেশিও পাওয়া যাবে। মূল টেক্সট AA 4.5:1, AAA 7:1 / বড় অক্ষর (24px বা বোল্ড 18.7px এর বেশি) AA 3:1, AAA 4.5:1।
অআকখ Aa 123
সাদা ব্যাকগ্রাউন্ড6.29:1
✓ AA মূল টেক্সট ✗ AAA মূল টেক্সট ✓ AA বড় অক্ষর ✓ AAA বড় অক্ষর
অআকখ Aa 123
কালো ব্যাকগ্রাউন্ড3.34:1
✗ AA মূল টেক্সট ✗ AAA মূল টেক্সট ✓ AA বড় অক্ষর ✗ AAA বড় অক্ষর
অআকখ Aa 123
নিজে বেছে নেওয়া রং #FFFFFF6.29:1
✓ AA মূল টেক্সট ✗ AAA মূল টেক্সট ✓ AA বড় অক্ষর ✓ AAA বড় অক্ষর
উজ্জ্বল·গাঢ় মাত্রা
ঘরে চাপলে HEX কোড কপি হয়ে যাবে।
বিজ্ঞাপন
রং রূপান্তর ব্যবহার পদ্ধতি
- 1রং কোড লিখুন বা রং নির্বাচক দিয়ে বেছে নিন (#4f46e5, rgb(), hsl() সবই ব্যবহার করা যায়)।
- 2সব ফরম্যাটের কোড দেখানো হয়, চাপলে কপি হয়ে যায়।
- 3সাদা·কালো·নিজে বেছে নেওয়া রঙের সাথে কনট্রাস্ট রেশিও ও WCAG পাস হয়েছে কিনা, উজ্জ্বল·গাঢ় মাত্রা যাচাই করুন।
প্রায়ই জিজ্ঞাসিত প্রশ্ন
কনট্রাস্ট রেশিও কত বা তার বেশি হওয়া উচিত?
WCAG AA তে মূল টেক্সট 4.5:1, বড় অক্ষর 3:1 বা তার বেশি, AAA তে যথাক্রমে 7:1, 4.5:1 বা তার বেশি।
CMYK মান প্রিন্টিং প্রেসের সাথে আলাদা।
এখানকার CMYK শুধু একটি সরল গাণিতিক রূপান্তর। প্রকৃত প্রিন্ট কাগজ·কালির প্রোফাইলের উপর নির্ভর করে পরিবর্তিত হয়, তাই প্রিন্টিং প্রেসের নির্দেশনা অনুসরণ করুন।
বিজ্ঞাপন