📖 ভূমিকা: পেশাদার অনলাইন কালার টুল যা ব্যাপক রঙ প্রক্রিয়াকরণ এবং প্যালেট তৈরির বৈশিষ্ট্য প্রদান করে। এর পারফেক্ট ইন্টিগ্রেশনরঙ রূপান্তরকারী, প্যালেট জেনারেটর, রং কনট্রাস্ট চেকার, রঙ বিশ্লেষণ টুল, এবং আরও অনেক কিছু।
HEX, RGB, এবং HSL কালার ফরম্যাটের মধ্যে রিয়েল-টাইম দ্বিমুখী রূপান্তর সমর্থন করে। রঙের সামঞ্জস্য নিশ্চিত করে অন্যদের মধ্যে স্বয়ংক্রিয়ভাবে আপডেটগুলি সিঙ্ক করতে যেকোনো বিন্যাস লিখুন।
স্বয়ংক্রিয়ভাবে রঙ তত্ত্বের উপর ভিত্তি করে একরঙা, পরিপূরক, সাদৃশ্যপূর্ণ এবং ট্রায়াডিক প্যালেট তৈরি করে, যা সুরেলা রঙের সমন্বয় তৈরি করতে সাহায্য করে।
রঙের বৈসাদৃশ্য WCAG 2.1 অ্যাক্সেসিবিলিটি মান পূরণ করে কিনা তা পরীক্ষা করে, নিশ্চিত করে যে ওয়েবসাইটের রঙগুলি দৃষ্টি প্রতিবন্ধী ব্যবহারকারীদের সহ সকল ব্যবহারকারীর জন্য উপযুক্ত।
রঙের বৈশিষ্ট্য বুঝতে সাহায্য করার জন্য আপেক্ষিক আলোকসজ্জা, অনুভূত হালকাতা, আভা, স্যাচুরেশন এবং হালকাতা সহ বিশদ রঙের সম্পত্তি বিশ্লেষণ প্রদান করে।
রঙের মানগুলির এক-ক্লিক অনুলিপি সমর্থন করে (HEX, RGB, HSL)। ডিজাইন টুলে সহজে ব্যবহারের জন্য প্যালেটের রঙগুলিও পৃথকভাবে অনুলিপি করা যেতে পারে।
ডেস্কটপ, ট্যাবলেট এবং মোবাইল সহ বিভিন্ন ডিভাইস স্ক্রীনে পুরোপুরি মানিয়ে নেয়। কোনো সফ্টওয়্যার ইনস্টল না করে যে কোনো সময়, যেকোনো জায়গায় রং বিশ্লেষণ করুন।
রঙের মান এবং এই টুল দ্বারা ব্যবহৃত গণনা পদ্ধতি:
প্রযুক্তিগত নোট:এই টুলটি রিয়েল-টাইম রূপান্তরের জন্য জাভাস্ক্রিপ্ট কালার অ্যালগরিদম ব্যবহার করে। বৈসাদৃশ্য গণনা WCAG 2.1 আপেক্ষিক লুমিন্যান্স সূত্রের উপর ভিত্তি করে: L = 0.2126×R + 0.7152×G + 0.0722×B। প্যালেট জেনারেশন কালার হুইল গাণিতিক গণনার উপর ভিত্তি করে: পরিপূরক (180° হিউ পার্থক্য), অ্যানালগাস (30° হিউ পার্থক্য), ট্রায়াডিক (120° হিউ পার্থক্য)।
WCAG (ওয়েব সামগ্রী অ্যাক্সেসিবিলিটি নির্দেশিকা) হল ওয়েব সামগ্রী অ্যাক্সেসিবিলিটি নির্দেশিকা৷ রঙের বৈসাদৃশ্য মানগুলি পাঠ্য এবং পটভূমির মধ্যে যথেষ্ট বৈসাদৃশ্য নিশ্চিত করে যাতে দৃষ্টি প্রতিবন্ধী ব্যবহারকারীরা স্পষ্টভাবে পড়তে পারে। WCAG 2.1 অনুসারে, সাধারণ পাঠ্যের জন্য কমপক্ষে 4.5:1 কনট্রাস্ট প্রয়োজন, বড় পাঠ্যের (অন্তত 18pt বা 14pt বোল্ড) কমপক্ষে 3:1 প্রয়োজন। এই মানগুলি পূরণ না করা ওয়েবসাইটগুলিকে কিছু ব্যবহারকারীর জন্য অব্যবহারযোগ্য করে তুলতে পারে এবং কিছু অঞ্চলে অ্যাক্সেসিবিলিটি আইন লঙ্ঘন করতে পারে৷
প্রতিটি বিন্যাসের বৈশিষ্ট্য রয়েছে:
1) HEX (হেক্সাডেসিমেল): যেমন #4A90E2, সাধারণত ওয়েব ডেভেলপমেন্টে ব্যবহৃত হয়, সংক্ষিপ্ত কিন্তু রঙের বৈশিষ্ট্য বোঝার জন্য কম স্বজ্ঞাত
2) RGB (লাল সবুজ নীল): যেমন rgb(74, 144, 226), আলোর প্রাথমিক রঙের উপর ভিত্তি করে, স্বজ্ঞাত কিন্তু রঙের বৈশিষ্ট্যগুলি সামঞ্জস্য করার জন্য কম সুবিধাজনক
3) HSL (Hue Saturation Lightness): যেমন hsl(212, 72%, 59%), মানুষের রঙ উপলব্ধির উপর ভিত্তি করে, রঙের বৈশিষ্ট্যগুলিকে সামঞ্জস্য করা সহজ (যেমন উজ্জ্বল করা, অন্ধকার করা, সম্পৃক্ততা সামঞ্জস্য করা)
ColorLab এই তিনটি ফরম্যাটের মধ্যে রিয়েল-টাইম রূপান্তর সমর্থন করে। আপনি আপনার প্রয়োজনের জন্য সবচেয়ে সুবিধাজনক যে কোনো বিন্যাস ব্যবহার করতে পারেন।
ColorLab রঙ তত্ত্বের উপর ভিত্তি করে চার ধরনের প্যালেট তৈরি করে:
1) একরঙা প্যালেট: রঙ ধ্রুবক রাখে, হালকা/গাঢ় ভিন্নতা তৈরি করতে স্যাচুরেশন এবং হালকাতা সামঞ্জস্য করে
2) পরিপূরক প্যালেট: রঙের চাকায় বিপরীত রং ব্যবহার করে (180° হিউ পার্থক্য), উচ্চ-কনট্রাস্ট সমন্বয় তৈরি করে
3) অ্যানালগাস প্যালেট: রঙের চাকায় সংলগ্ন রং ব্যবহার করে (30° হিউ পার্থক্য), সুরেলা, সূক্ষ্ম সমন্বয় তৈরি করে
4) ট্রায়াডিক প্যালেট: রঙের চাকায় তিনটি সমান ব্যবধানযুক্ত রঙ ব্যবহার করে (120° রঙের পার্থক্য), প্রাণবন্ত, রঙিন সমন্বয় তৈরি করে
এই প্যালেটগুলি গাণিতিকভাবে গণনা করা হয় সুরেলা রঙের সমন্বয় নিশ্চিত করার জন্য।
আপেক্ষিক আলোকসজ্জা মানুষের চাক্ষুষ উপলব্ধির উপর ভিত্তি করে একটি উজ্জ্বলতার মান, 0 (খাঁটি কালো) থেকে 1 (খাঁটি সাদা) পর্যন্ত। গণনার সূত্রটি বিভিন্ন রঙের প্রতি মানুষের চোখের সংবেদনশীলতা বিবেচনা করে (সবুজ থেকে সবচেয়ে সংবেদনশীল, অন্তত নীল থেকে)। অনুভূত লাইটনেস হল আপেক্ষিক আলোক শ্রেণীবিভাগের উপর ভিত্তি করে একটি স্বজ্ঞাত বর্ণনা, যেমন "খুব অন্ধকার," "অন্ধকার," "মাঝারি," "আলো," "খুব হালকা।" আপেক্ষিক আলোকসজ্জা রঙের বৈসাদৃশ্য গণনা করতে ব্যবহৃত হয়, যখন অনুভূত হালকাতা রঙের চাক্ষুষ ওজন এবং উপযুক্ত অ্যাপ্লিকেশন বুঝতে সাহায্য করে।
অভিগম্য রং নির্বাচন করার জন্য সুপারিশ:
1) বৈসাদৃশ্য পরীক্ষা করতে ColorLab ব্যবহার করুন, পাঠ্য এবং পটভূমির বৈসাদৃশ্য নিশ্চিত করুন ≥4.5:1
2) তথ্য জানাতে শুধুমাত্র রঙের উপর নির্ভর করা এড়িয়ে চলুন (যেমন, ত্রুটির জন্য লাল), এছাড়াও পাঠ্য বা আইকন ব্যবহার করুন
3) কালারব্লাইন্ড ব্যবহারকারীর দৃষ্টিকোণ থেকে পরীক্ষা করুন, নিশ্চিত করুন যে রঙের পার্থক্য শুধুমাত্র রঙের পার্থক্যের উপর নির্ভর করে না
4) উজ্জ্বল পরিবেশেও পরিষ্কার সনাক্তকরণ নিশ্চিত করতে পর্যাপ্ত রঙের বৈসাদৃশ্য প্রদান করুন
5) অন্ধকার মোডে রঙের কর্মক্ষমতা বিবেচনা করুন, বিভিন্ন থিম জুড়ে ভাল বৈসাদৃশ্য নিশ্চিত করুন
হ্যাঁ, ColorLab কালার টুল সম্পূর্ণ বিনামূল্যের অনলাইন টুল। কোন নিবন্ধন বা লগইন প্রয়োজন. আমরা ডিজাইনার এবং ডেভেলপারদের জন্য উচ্চ-মানের রঙের টুল প্রদান করতে প্রতিশ্রুতিবদ্ধ, আপনাকে সুন্দর এবং অ্যাক্সেসযোগ্য রঙের স্কিম তৈরি করতে সাহায্য করে। সমস্ত প্রক্রিয়াকরণ আপনার ব্রাউজারে স্থানীয়ভাবে ঘটে - আপনার রঙের ডেটা কোনো সার্ভারে আপলোড করা হয় না।