রঙের কোড:হেক্স, আরজিবি এবং এইচএসএল এর মধ্যে পার্থক্য কী?

যখন স্ক্রিনে রঙ স্প্ল্যাশ করার কথা আসে, কোডিং দিয়ে এটি করার কয়েকটি উপায় রয়েছে। Hex, RGBA, এবং HSLA হল তিনটি সর্বাধিক ব্যবহৃত কালার কোড সিস্টেম।

আপনি সম্ভবত অতীতে হেক্স কোড এবং আরজিবি জুড়ে এসেছেন, তবে HSL, মানব-পাঠযোগ্য হওয়া সত্ত্বেও, এখনও আপনার রাডারে নাও থাকতে পারে। রঙ লেখার প্রতিটি উপায় বিভিন্ন পরিস্থিতিতে অর্থপূর্ণ হয়, এবং আপনার যা প্রয়োজন তা হল প্রতিটি প্রকারের একটি প্রাথমিক বোঝাপড়া একটি জ্ঞাত সিদ্ধান্ত নেওয়ার জন্য। এখানে আমরা RGB, HEX এবং HSL এর মধ্যে পার্থক্য ব্যাখ্যা করব।

RGB কি (লাল, সবুজ, নীল)

RGB মান দিয়ে শুরু করা বোধগম্য, যেহেতু Red , সবুজ , এবং নীল তিনটি রঙ যা পর্দাগুলি অন্য প্রতিটি রঙ তৈরি করতে ব্যবহার করতে পারে। এটি "অ্যাডিটিভ কালার মিক্সিং" ব্যবহার করে এটি করে, তবে আপনাকে আরজিবি বোঝার জন্য এর বিজ্ঞানের মধ্যে পড়তে হবে না।

rgb(255, 0, 0) লাল, যেহেতু R সর্বাধিক হয়ে গেছে। আপনি যদি G বা B 255 তে সেট করেন তবে আপনি সম্পূর্ণ সবুজ বা সম্পূর্ণ নীল পাবেন। সেগুলিকে একবারে 255 এ সেট করুন এবং আপনি সাদা (সমস্ত রঙের সমষ্টি) পাবেন, যখন তাদের শূন্য করা কালো হয়ে যাবে। আপনি যদি চতুর্থ মান (আলফা চ্যানেল, 0 থেকে 1 এর মধ্যে) যোগ করেন তাহলে আপনি স্বচ্ছতাও পেতে পারেন:rgba(0, 0, 0, .5) অর্ধ-স্বচ্ছ কালোতে অনুবাদ করে।

এটা সহজ, হ্যাঁ, কিন্তু আসলে এতটা স্বজ্ঞাত নয়। আপনি শুধুমাত্র একটি রঙের ছায়া পরিবর্তন করলেও RGB ব্যালেন্স বেশ খানিকটা পরিবর্তিত হতে পারে, যা মানুষের জন্য কোনো RGB জেনারেটর (যার মধ্যে ভাগ্যক্রমে, অনেকগুলি) ছাড়া ম্যানুয়াল সামঞ্জস্য করা খুব কঠিন করে তোলে।

হেক্সাডেসিমেল কালার কোড কি

হেক্সগুলি আরজিবি মান লেখার একটি ভিন্ন উপায়। #6a79f7 এর মত কিছু (কর্ণফ্লাওয়ার নীল) মানচিত্র সরাসরি rgb(106, 121, 247) এ . 6a হল লাল , 79 হল সবুজ , এবং f7 হল নীল .

প্রথমত, আপনার জানা উচিত যে হেক্স কালার সিস্টেমে "a-f" অক্ষরগুলি দশ থেকে পনেরটি সংখ্যার প্রতিনিধিত্ব করে। দ্বিতীয়ত, এটি হেক্সাডেসিমেল , মানে সবকিছু বেস 16-এ আছে। 21 হল 2 * 10 + 1 বেস 10 এ, কিন্তু হেক্সাডেসিমেলে এটি হবে 2 * 16 + 1 . প্রথম সংখ্যাটিকে 16 দ্বারা গুণ করুন এবং দ্বিতীয় সংখ্যাটি যোগ করুন - এটি তত সহজ! 6a = 6 * 16 + 10 অথবা 106। 79 = 7 * 16 + 9 অথবা 121।

যদিও গণিতটি মজাদার, এটি স্পষ্টতই হেক্সাডেসিমেল কোডগুলিকে আরজিবি-র তুলনায় মানুষের জন্য আরও বেশি যন্ত্রণাদায়ক করে তোলে, যদিও সেগুলি কপি-পেস্ট করা সহজ এবং স্মরণীয় অক্ষর/সংখ্যার সমন্বয় থাকতে পারে৷

আপনি শুরুতে 255 এর কিছু শতাংশের সমতুল্য মান রেখে হেক্স কোডগুলিতে স্বচ্ছতা যোগ করতে পারেন, যেমন:#806a79f7 . হেক্সাডেসিমেলে 80 =126, যা সর্বোচ্চ 255 মানের 50% এর কাছাকাছি।

HSL কি (হিউ, স্যাচুরেশন, লাইটনেস)

এইচএসএল মানুষের পঠনযোগ্যতার জন্য ডিজাইন করা হয়েছিল এবং এটি জনপ্রিয়তা অর্জন করছে, বিশেষত একটি আরজিবি বিকল্প হিসাবে। এটা এই মত কাজ করে:

হিউ মানে রঙ, এবং আপনি কোন রঙে আছেন তা জানাতে এটি রঙের চাকার ডিগ্রি ব্যবহার করে। আপনি যদি রঙের চাকা এবং এই প্রধান রঙগুলির অবস্থান জানেন তবে আপনি বলতে সক্ষম হবেন যে 45টি কমলা দেখাবে এবং 270টি বেগুনি দেখাবে শুধুমাত্র এক সেকেন্ডের জন্য চিন্তা করে৷

• 0 =লাল
• 60 =হলুদ
• 120 =সবুজ
• 180 =সায়ান
• 240 =নীল
• 300 =ম্যাজেন্টা

স্যাচুরেশন মূলত রঙ কত রঙিন হয়. 0% স্যাচুরেশন মানে রঙটি ধূসর রঙের হবে, যখন 100% মানে এটি সম্পূর্ণ শক্তি দেখাবে। আপনি যদি আপনার রঙ নিঃশব্দ করতে চান বা এটিকে আরও কিছুটা পপ করতে চান তবে আপনি এই মানটি পরিবর্তন করতে পারেন৷

আলোকতা আপনাকে বলে যে রঙটি কতটা গাঢ় বা উজ্জ্বল। 0% হালকাতা মানে আপনার রঙ কালো হবে, হিউ বা স্যাচুরেশন সেটিংস নির্বিশেষে, এবং 100% হালকাতা আপনাকে সাদা করবে। আপনি হয়তো অনুমান করেছেন, 50% আপনাকে সবচেয়ে সঠিক রঙ দেয়।

সেই তথ্যের সাহায্যে, আপনি তাৎক্ষণিকভাবে বলতে পারবেন কি hsl(0, 100%, 50%) মানে এটা শুধু লাল! একটি গাঢ়, সমৃদ্ধ লাল চান? 0, 70%, 40% ব্যবহার করে দেখুন . হয়তো আপনি যে চান, কিন্তু নীল? শুধু 0 থেকে 240 পরিবর্তন করুন এবং আপনি এটি পেয়েছেন! এটির স্বচ্ছতাও রয়েছে - এটি ঠিক RGB এর মতো কাজ করে:শুধু একটি চতুর্থ মান যোগ করুন (0 এবং 1 এর মধ্যে), যেমন:hsla(240, 70%, 40%, .5) .

HSV/HSB এবং HSI

কি? আরো রং মডেল? এটা কখন শেষ হয়? বেশিরভাগ লোকের জন্য যারা কম্পিউটারে রঙ নিয়ে কাজ করে, এটি ইতিমধ্যেই শেষ। হেক্স, আরজিবি, এবং এইচএসএল হল রঙগুলি নোট করার সবচেয়ে সাধারণ উপায়। আপনি যদি এমন একটি ক্ষেত্রে থাকেন যেখানে প্রচুর ছবি এবং রঙ জড়িত থাকে, যদিও, গ্রাফিক ডিজাইন বা ইমেজগুলিতে মেশিন লার্নিং এর মতো, আপনি এই আরও রহস্যময় রঙের মডেলগুলির মধ্যে একটি ব্যবহার করে লোকেদের মধ্যে ছুটে যেতে পারেন, এমনকি অন্য যেগুলি এখানে তালিকাভুক্ত নয়।

এইচএসবি মানে "হিউ স্যাচুরেশন ব্রাইটনেস" এবং এইচএসভি মানে হিউ স্যাচুরেশন ভ্যালু। তারা আসলে একই মডেলের জন্য ভিন্ন নাম, এবং HSL থেকে তাদের সবচেয়ে বড় পার্থক্য হল তারা কীভাবে স্যাচুরেশনকে সংজ্ঞায়িত করে। HSI (Hue Saturation Intensity) এর HSB/HSV থেকে কিছু ছোটখাটো পার্থক্য রয়েছে, কিন্তু এটি ব্যাপকভাবে ব্যবহার করা হয় না, তাই সম্ভাবনা হল আপনি এটিকে বন্যের মধ্যে দেখতে পাবেন না।

আমি কোন রঙের মডেল ব্যবহার করব?

সাধারণত, একটি রঙের মডেল নির্বাচন করা একটি মোটামুটি ছোটখাট ডিজাইনের সিদ্ধান্ত, তবে অনেক ছোট সিদ্ধান্তের সাথে ভাল জিনিস তৈরি করা হয়। সাধারণভাবে, হেক্স কোডগুলি কপি-পেস্ট করা সহজ করে তোলে এবং এমন পরিস্থিতিতে দুর্দান্ত যেখানে মানুষ সম্ভবত খুব বেশি জড়িত হবে না। আরজিবি/আরজিবিএ পঠনযোগ্যতার জন্য শালীন এবং সর্বোত্তম ব্যবহার করা হয় যখন একজন মানুষ কখনও কখনও স্বচ্ছতা পরিবর্তন করতে পারে তবে এটি ভাল হবে। যদি একজন মানুষের ম্যানুয়ালি রঙ পরিবর্তন করতে হয়, তাহলে HSL/HSLA দিয়ে যান। তা ছাড়া, এটা অনেকটা পছন্দের বিষয়, যদিও HSL টিমের লোকেরা বেশি স্মার্ট এবং সুন্দর চেহারার হয়ে থাকে।