রঙ রূপান্তরকারী
একটি হেক্স কালার কোড লিখুন এবং এর সমতুল্য RGB ও HSL মানসহ লাল, সবুজ এবং নীল চ্যানেলের মানগুলো দেখুন।
এই কালার কনভার্টারটি কীভাবে ব্যবহার করবেন
- হেক্স কালার কোড লিখুন
হেক্স কালার কোড ফিল্ডে একটি ৬-সংখ্যার হেক্স কোড টাইপ করুন (যেমন FF6B35 বা 00FF88)। # চিহ্নটি বাদ দিন।
- RGB মানগুলো দেখুন
রেড চ্যানেল, গ্রিন চ্যানেল এবং ব্লু চ্যানেলের ফলাফল প্রতিটি উপাদানের জন্য ০–২৫৫ মান দেখায়।
- HSL আউটপুট পরীক্ষা করুন
হিউ (০–৩৬০°), স্যাচুরেশন এবং লাইটনেস-এর জন্য HSL ফলাফলটি দেখুন — যা রঙ পরিবর্তনের জন্য কার্যকর।
এই কালার কনভার্টারটি যেভাবে কাজ করে
এই টুলটি একটি হেক্সাডেসিমেল কালার কোডকে RGB (লাল, সবুজ, নীল) এবং HSL (হিউ, স্যাচুরেশন, লাইটনেস) উপস্থাপনায় রূপান্তর করে। প্রতিটি হেক্স জোড়া একটি ৮-বিট চ্যানেল মানের (০–২৫৫) সাথে মানচিত্রিত হয় এবং HSL রূপান্তর স্ট্যান্ডার্ড কালার স্পেস গণিত ব্যবহার করে।
R = hex[0:2] → ডেসিমেল; G = hex[2:4] → ডেসিমেল; B = hex[4:6] → ডেসিমেল Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%)।
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — একদম কালো।
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — একদম সাদা। Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — মাঝারি ধূসর।
- ✓ ইনপুটটি একটি বৈধ ৬-ডিজিটের হেক্স কালার কোড।
- ✓ এই সংস্করণে আলফা চ্যানেল সমর্থিত নয়।
- CMYK রূপান্তরের জন্য একটি কালার প্রোফাইল প্রয়োজন এবং এটি এখানে অন্তর্ভুক্ত নয়।
কালার মডেলগুলো বোঝা
HEX, RGB এবং HSL হলো একই রঙ বর্ণনা করার ভিন্ন ভিন্ন পদ্ধতি। HEX একটি ৬-সংখ্যার হেক্সাডেসিমেল স্ট্রিং হিসেবে RGB-কে এনকোড করে: প্রতিটি জোড়া অক্ষর হলো একটি ৮-বিট চ্যানেল (০–২৫৫)। RGB একই মানগুলোকে তিনটি সংখ্যা হিসেবে প্রকাশ করে, যা স্ক্রিন থেকে নির্গত অ্যাডিটিভ প্রাইমারি কালার। HSL (Hue, Saturation, Lightness) একটি সিলিন্ড্রিক্যাল মডেল: হিউ হলো কালার হুইলের কোণ (০° লাল, ১২০° সবুজ, ২৪০° নীল), স্যাচুরেশন হলো রঙের তীব্রতা এবং লাইটনেস হলো উজ্জ্বলতা। প্রোগ্রাম্যাটিকভাবে রঙ পরিবর্তনের সময় ডিজাইনাররা প্রায়ই HSL পছন্দ করেন — শুধুমাত্র লাইটনেস পরিবর্তন করলে হিউ পরিবর্তন না করেই রঙ গাঢ় বা হালকা করা যায় এবং স্যাচুরেশন পরিবর্তনের মাধ্যমে রঙের সজীবতা সমন্বয় করা যায়।
কালার কনভার্সনের ক্ষেত্রে ডেভেলপারদের ব্যবহারের ক্ষেত্র
ডিজাইন সিস্টেম তৈরি, থিম বাস্তবায়ন, কালার প্যালেট তৈরি এবং CSS ডিবাগ করার সময় ডেভেলপাররা রঙ রূপান্তর করেন। ডিজাইন টোকেনগুলো প্রায়ই হেক্স-এ রঙ সংরক্ষণ করে; RGB বা HSL-এ রূপান্তর করলে রানটাইম ক্যালকুলেশন যেমন ওপাসিটি ওভারলে বা অ্যাক্সেসিবল কন্ট্রাস্ট চেক করা সম্ভব হয়। থিম সুইচারদের ক্ষেত্রে HSL ব্যবহার করে মূল রঙ থেকে হালকা বা গাঢ় সংস্করণ তৈরি করার প্রয়োজন হতে পারে। স্বয়ংক্রিয় অ্যাক্সেসিবিলিটি টুলগুলো লুমিন্যান্স এবং কন্ট্রাস্ট রেশিও গণনার জন্য রঙ রূপান্তর করে। লেআউট বা থিমিং বাগ ডিবাগ করার সময়, একটি হেক্স মানকে RGB বা HSL হিসেবে দেখলে কোন চ্যানেলটি ভুল তা শনাক্ত করতে সুবিধা হয়। ডেটা ভিজ্যুয়ালাইজেশন, চার্ট লাইব্রেরি এবং ডায়নামিক UI থিমিং-এও কালার কনভার্সন ব্যবহৃত হয়।
সচরাচর জিজ্ঞাসিত প্রশ্ন
আমি কি ৩-সংখ্যার hex কোড দিতে পারি?
বর্তমানে এই টুলটি ৬-সংখ্যার কোড প্রত্যাশা করে। F60-এর মতো ৩-সংখ্যার শর্টহ্যান্ডের জন্য, প্রথমে এটিকে FF6600-এ রূপান্তর করুন।
HSL কী?
HSL এর পূর্ণরূপ হলো Hue, Saturation, Lightness। এটি রঙ বর্ণনা করার একটি বিকল্প পদ্ধতি যা কিছু ডিজাইনারের কাছে RGB-এর চেয়ে বেশি সহজবোধ্য মনে হয়।