HEX থেকে RGB কালার কনভার্টার

HEX ও RGB: একই রঙ লেখার দুটি উপায়

স্ক্রিনে আপনি যে প্রতিটি রঙ দেখেন তা তিনটি আলো থেকে মিশ্রিত: লাল, সবুজ ও নীল। তিনটিই পুরোপুরি বাড়িয়ে দিন আর আপনি সাদা পাবেন; তিনটিই বন্ধ করুন আর আপনি কালো পাবেন। HEX ও RGB সহজভাবে এই তিনটি চ্যানেলের প্রত্যেকটি কতটা উজ্জ্বল হওয়া উচিত তা বর্ণনা করার দুটি নোটেশন মাত্র। এগুলো ঠিক একই রঙের দিকে নির্দেশ করে, তাই একটি ভালো কনভার্টার শুধু আসল শেড কখনো পরিবর্তন না করে দুটি লেখার পদ্ধতির মধ্যে অনুবাদ করে। এটিই এই টুলটি করে, সম্পূর্ণভাবে আপনার ব্রাউজারে, একটি লাইভ সোয়াচ দেখানোর সাথে সাথে যাতে আপনি নিজের চোখে ফলাফল নিশ্চিত করতে পারেন।

একটি হেক্স কোড কীভাবে পড়বেন

একটি হেক্স রঙ দেখতে #1E90FF-এর মতো। হ্যাশ চিহ্নটি শুধু শুরু চিহ্নিত করে; এর পরের ছয়টি অক্ষর হলো তিন জোড়া, #RRGGBB প্যাটার্নে লেখা। প্রথম জোড়াটি লাল, দ্বিতীয়টি সবুজ, তৃতীয়টি নীল। প্রতিটি জোড়া হেক্সাডেসিমেলে, অর্থাৎ বেস 16-এ লেখা একটি সংখ্যা, যেখানে অঙ্কগুলো 0-9 এর পর A, B, C, D, E, F দিয়ে চলে যা 10 থেকে 15 বোঝায়। একটি জোড়া 00 (চ্যানেলটি সম্পূর্ণ বন্ধ) থেকে FF (সম্পূর্ণ চালু) পর্যন্ত মান ধারণ করতে পারে। সাধারণ দশমিকে সেই পরিসরটি ঠিক 0 থেকে 255, যা RGB ব্যবহার করে একই স্কেল। প্রতি চ্যানেলে 256টি সম্ভাব্য স্তর দিয়ে, ছয়-অঙ্কের রূপটি 16,777,216টি স্বতন্ত্র রঙ বর্ণনা করতে পারে।

উভয় দিকে রূপান্তর, একটি করা উদাহরণসহ

HEX থেকে RGB-তে যেতে, কোডটিকে তিনটি জোড়ায় ভাগ করুন এবং প্রতিটিকে বেস 16 থেকে সাধারণ দশমিকে রূপান্তর করুন। #1E90FF নিন। লাল জোড়াটি হলো 1E: তা 1 কে 16 দিয়ে গুণ করে, প্লাস 14 (E), যা 30-এর সমান। সবুজ জোড়া 90 হলো 9 কে 16 দিয়ে গুণ করে, প্লাস 0, যা 144-এর সমান। নীল জোড়া FF হলো 15 কে 16 দিয়ে গুণ করে, প্লাস 15, যা 255-এর সমান। তাই #1E90FF হয়ে যায় rgb(30, 144, 255) — পরিচিত ডজার ব্লু।

অন্য দিকে যাওয়া একই প্রক্রিয়ার বিপরীত। প্রতিটি RGB সংখ্যা নিয়ে সেটাকে দুই হেক্স অঙ্কে লিখুন। খাঁটি লাল, rgb(255, 0, 0), দেয় FF, 00 ও 00, যা যুক্ত হয়ে #FF0000 হয়। মনে রাখার মতো একটি বিষয়: যদি একটি মান 16-এর নিচে হয়, তবুও আপনার দুটি অঙ্ক দরকার, তাই 5 লেখা হয় 05, শুধু 5 নয়। কনভার্টারটি এই প্যাডিং আপনার জন্য সামলায়, কিন্তু যখন মানুষ হাতে এটি করে তখন এটি তাদের ফাঁদে ফেলে।

প্রতিটি ফরম্যাট কোথায় ব্যবহৃত হয়

HEX হলো ওয়েবের দৈনন্দিন ভাষা। CSS, HTML এবং আপনি যে বেশিরভাগ কোড লেখেন তা হেক্স কোডের দিকে যায় কারণ সেগুলো কমপ্যাক্ট ও কপি করা সহজ। RGB ডিজাইন ও ইমেজ টুলে প্রায়ই দেখা যায় — Figma, Photoshop, Sketch এবং Illustrator সাধারণত 0-255 পরিসরে স্লাইডার বা ফিল্ড দেখায়, এবং স্ক্রিন-রেকর্ডিং বা ভিডিও অ্যাপও প্রায়ই RGB প্রত্যাশা করে। তাই আপনি নিয়মিত একটি স্টাইলশিট থেকে একটি হেক্স কোড নেন এবং একটি ডিজাইন প্যানেলে টাইপ করতে এর RGB রূপ প্রয়োজন হয়, অথবা এর বিপরীত। সেই রাউন্ড ট্রিপই একটি কনভার্টারকে সহায়ক করে তোলার সম্পূর্ণ কারণ। যদি আপনার একটি রূপান্তর করার বদলে মিলে যাওয়া শেডের একটি সম্পূর্ণ সেট তৈরি করার প্রয়োজন হয়, আমাদের কালার প্যালেট জেনারেটর একটি ভালো শুরুর জায়গা, এবং আপনি এর মতো আরও ইউটিলিটি ডেভেলপার টুল-এর অধীনে পাবেন।

আলফা, অপাসিটি ও HSL

উভয় নোটেশনেরই একটি বর্ধিত রূপ আছে যা স্বচ্ছতা যোগ করে। RGB হয়ে যায় rgba(30, 144, 255, 0.5), যেখানে চতুর্থ মানটি আলফা — 0 সম্পূর্ণ স্বচ্ছ এবং 1 সম্পূর্ণ অস্বচ্ছ। HEX একই উদ্দেশ্যে একটি চতুর্থ জোড়া যোগ করে, একটি আট-অঙ্কের #RRGGBBAA কোড দিয়ে; 80, উদাহরণস্বরূপ, প্রায় 50 শতাংশ অপাসিটি। কিছু কনভার্টার HSL (হিউ, স্যাচুরেশন, লাইটনেস)-ও প্রস্তাব করে, যা রঙকে সেভাবে বর্ণনা করে যেভাবে একজন মানুষ হয়তো করবে — চাকায় একটি হিউ বেছে নিন, তারপর এর প্রাণবন্ততা ও উজ্জ্বলতা ঠিক করুন। HSL একটি ভিন্ন প্যালেটের বদলে একটি ভিন্ন মানসিক মডেল, তাই যখন আপনি তিনটি আলাদা সংখ্যা নিয়ে ঝামেলা না করেই একটি রঙকে হালকা বা কম উজ্জ্বল করতে চান তখন এটি আরও স্বজ্ঞাত হতে পারে।

প্রায়শই জিজ্ঞাসিত প্রশ্ন