বর্ণান্ধতা সিমুলেটর

একটি ছবি আপলোড করুন এবং প্রোটানোপিয়া, ডিউটেরানোপিয়া, ট্রাইটানোপিয়া বা সম্পূর্ণ বর্ণান্ধতায় তা কেমন দেখায় তা প্রিভিউ করুন, তারপর সিমুলেট করা ফলাফল ডাউনলোড করুন।

টুল লোড হচ্ছে…

বর্ণান্ধতা সিমুলেটরএকটি ছবি ছেড়ে দিন এবং তাৎক্ষণিকভাবে দেখুন এটি লাল-অন্ধ (প্রোটানোপিয়া), সবুজ-অন্ধ (ডিউটেরানোপিয়া), নীল-অন্ধ (ট্রাইটানোপিয়া) বা সম্পূর্ণ বর্ণান্ধ (অ্যাক্রোমাটোপসিয়া) দৃষ্টিসম্পন্ন কারও কাছে কেমন দেখাবে। সিমুলেশন সম্পূর্ণভাবে আপনার ব্রাউজারে একটি ক্যানভাসে, পিক্সেল ধরে ধরে চলে — আপনার ছবি কখনও কোনো সার্ভারে আপলোড হয় না, তাই ব্যক্তিগত মকআপ ও স্ক্রিনশটও আপনার ডিভাইসেই থেকে যায়। একটি ধরন বেছে নিন, মূলটিকে ফলাফলের সাথে পাশাপাশি তুলনা করুন এবং সিমুলেট করা PNG ডাউনলোড করুন।

বর্ণান্ধতা সিমুলেটর কী?

বর্ণান্ধতা সিমুলেটর একটি বিনামূল্যের ব্রাউজার-ভিত্তিক টুল যা একটি ছবিকে এমনভাবে পুনরায় রেন্ডার করে যেমনটি একটি নির্দিষ্ট বর্ণদৃষ্টি ত্রুটিসম্পন্ন ব্যক্তি দেখতে পাবেন। এটি তিনটি সাধারণ দ্বিবর্ণতা — প্রোটানোপিয়া (লাল দুর্বলতা), ডিউটেরানোপিয়া (সবুজ দুর্বলতা) এবং ট্রাইটানোপিয়া (নীল দুর্বলতা) — এবং সেইসাথে অ্যাক্রোমাটোপসিয়া, অর্থাৎ সম্পূর্ণ একবর্ণ (গ্রেস্কেল) দৃশ্য সমর্থন করে। ডিজাইনার, ডেভেলপার এবং অ্যাক্সেসিবিলিটি পর্যালোচকরা এটি ব্যবহার করেন এটি যাচাই করতে যে কেবল রঙই যখন অর্থ বহন করে তখনও চার্ট, UI অবস্থা, স্ট্যাটাস রঙ এবং ইনফোগ্রাফিক বোধগম্য থাকে কি না। যেহেতু প্রতি বারোজন পুরুষের মধ্যে প্রায় একজনের কোনো না কোনো রূপের বর্ণদৃষ্টি ত্রুটি থাকে, প্রকাশের আগে এই দৃশ্যগুলো সিমুলেট করলে এমন ডিজাইন ধরা পড়ে যা এমন রঙ-বৈসাদৃশ্যের উপর অতিরিক্ত নির্ভর করে যা আপনার দর্শকদের একটি অংশের কাছে অদৃশ্য হয়ে যায়।

বর্ণান্ধতা সিমুলেটর কীভাবে ব্যবহার করবেন

  1. একটি ছবিকে আপলোড এলাকায় টেনে আনুন, অথবা তাতে ক্লিক করে আপনার ডিভাইস থেকে একটি PNG, JPG বা WebP ফাইল বেছে নিন।
  2. বর্ণদৃষ্টি ধরন ড্রপডাউন খুলুন এবং প্রোটানোপিয়া, ডিউটেরানোপিয়া, ট্রাইটানোপিয়া বা অ্যাক্রোমাটোপসিয়া বেছে নিন (অপরিবর্তিত মূলটি দেখতে কোনোটি নয় বেছে নিন)।
  3. সিমুলেট করা প্রিভিউ মূলের পাশে স্বয়ংক্রিয়ভাবে আপডেট হয় যাতে আপনি দুটিকে পাশাপাশি তুলনা করতে পারেন।
  4. যেকোনো প্রিভিউতে ক্লিক করে এটি জুমযোগ্য লাইটবক্সে খুলুন এবং খুঁটিনাটি কাছ থেকে দেখুন।
  5. সিমুলেট করা ছবিটি PNG হিসেবে সংরক্ষণ করতে ডাউনলোড চাপুন, অথবা এটি মুছে অন্য ছবি চেষ্টা করতে রিসেট চাপুন।

উদাহরণ

একটি লাল/সবুজ স্ট্যাটাস ব্যাজ যাচাই

এমন একটি UI-এর স্ক্রিনশট আপলোড করুন যা 'error'-এর জন্য লাল এবং 'success'-এর জন্য সবুজ ব্যবহার করে, ডিউটেরানোপিয়া বেছে নিন এবং দেখুন দুটি রঙ কীভাবে একই রকম ঘোলাটে টোনের দিকে মিশে যায় — এটি একটি ইঙ্গিত যে কেবল রঙের উপর নির্ভর না করে আপনার আইকন বা লেবেল যোগ করা উচিত।

একটি ডেটা চার্ট পর্যালোচনা

একটি বহু-সিরিজ লাইন চার্ট বা পাই চার্ট লোড করুন, প্রোটানোপিয়া ও ট্রাইটানোপিয়ার মধ্যে অদলবদল করুন এবং নিশ্চিত করুন প্রতিটি সিরিজ আলাদাভাবে চেনা যায়; লাইনগুলো মিশে গেলে প্যালেট সমন্বয় করুন বা প্যাটার্ন যোগ করুন।

সম্পূর্ণ গ্রেস্কেল পাঠযোগ্যতা পরীক্ষা

ছবিটিকে কেবল উজ্জ্বলতায় সমতল করতে অ্যাক্রোমাটোপসিয়া বেছে নিন; পাঠ্য বা মূল উপাদান অদৃশ্য হয়ে গেলে, আপনার ডিজাইন উজ্জ্বলতা-বৈসাদৃশ্যের পরিবর্তে রঙের আভার উপর নির্ভর করে।

সচরাচর জিজ্ঞাসিত প্রশ্ন

এটি কোন ধরনের বর্ণান্ধতা সিমুলেট করতে পারে?
এটি মানসম্মত RGB রূপান্তর ম্যাট্রিক্স ব্যবহার করে প্রোটানোপিয়া (লাল-অন্ধ), ডিউটেরানোপিয়া (সবুজ-অন্ধ) এবং ট্রাইটানোপিয়া (নীল-অন্ধ) সিমুলেট করে, সেইসাথে অ্যাক্রোমাটোপসিয়াও, যা ছবিটিকে উজ্জ্বলতা-ভিত্তিক গ্রেস্কেলে রূপান্তরিত করে। কোনোটি নয় বেছে নিলে মূল ছবিটি অপরিবর্তিত থাকে।
আমার ছবি কি কোনো সার্ভারে আপলোড হয়?
না। পুরো সিমুলেশন একটি HTML ক্যানভাস ব্যবহার করে আপনার ব্রাউজারে স্থানীয়ভাবে ঘটে — ফাইলটি কখনও আপনার ডিভাইস ছাড়ে না এবং কোনো সার্ভারে কিছুই পাঠানো হয় না, তাই এটি অফলাইনে কাজ করে এবং ব্যক্তিগত ছবিকে ব্যক্তিগত রাখে।
আমি কোন ছবির ফরম্যাট এবং আউটপুট ব্যবহার করতে পারি?
আপনি PNG, JPG এবং WebP-এর মতো সাধারণ র‍্যাস্টার ছবি লোড করতে পারেন। সিমুলেট করা ফলাফল সবসময় PNG হিসেবে রপ্তানি হয় যাতে স্বচ্ছতা থাকলে তা সংরক্ষিত থাকে।
সিমুলেশনটি কতটা নির্ভুল?
এটি সুপরিচিত রৈখিক রঙ-ম্যাট্রিক্স আসন্নীকরণ ব্যবহার করে, যা UI এবং গ্রাফিক্সে রঙ-নির্ভরতার সমস্যা ধরতে চমৎকার। এগুলো একটি ব্যবহারিক ডিজাইন সহায়তা, কোনো ক্লিনিকাল বা চিকিৎসা নির্ণয় সরঞ্জাম নয়, তাই ফলাফলটিকে কোনো ব্যক্তির দৃষ্টির নির্ভুল পুনরুৎপাদন না ভেবে দিকনির্দেশনা হিসেবে নিন।
সিমুলেট করা রঙগুলো ম্লান বা সরে গেছে মনে হয় কেন?
প্রতিটি ত্রুটি একটি কোণ-প্রতিক্রিয়া অপসারণ বা দুর্বল করে, তাই যে রঙগুলো সেই চ্যানেলের উপর নির্ভর করে সেগুলো অবশিষ্ট রঙগুলোর দিকে সরে যায়। ভিন্ন রঙের আভাগুলোর একই রকম টোনে মিশে যাওয়াই ঠিক সেই প্রভাব যা আপনি প্রকাশের আগে শনাক্ত করতে চান।

সম্পর্কিত টুল

কোড থেকে ইমেজ

আপনার ব্রাউজারেই একটি কোড স্নিপেটকে সিনট্যাক্স-হাইলাইট করা ঝকঝকে PNG কার্ডে রূপান্তর করুন — থিম, গ্রেডিয়েন্ট বা স্বচ্ছ পটভূমি ও প্যাডিং সহ, কোনো আপলোড ছাড়াই।

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

একটি ফোরগ্রাউন্ড ও ব্যাকগ্রাউন্ড HEX রঙের মধ্যে WCAG কনট্রাস্ট অনুপাত যাচাই করুন এবং দেখুন এটি সাধারণ ও বড় টেক্সট উভয়ের জন্য AA ও AAA উত্তীর্ণ হয় কি না।

কালার মিক্সার

RGB বা Lab কালার স্পেসে আপনার বেছে নেওয়া অনুপাতে দুটি HEX রং মেশান এবং ফলস্বরূপ মধ্যবর্তী রংটি একটি সোয়াচ ও কপি করার যোগ্য HEX মান হিসেবে পড়ুন।

কালার শেডস জেনারেটর

একটি বেস HEX রঙকে Tailwind-শৈলীর 50-950 শেড স্কেলে রূপান্তর করুন, সাদা ও কালোর দিকে মিশিয়ে, প্রতিটি ধাপে একটি সোয়াচ ও কপিযোগ্য HEX সহ।