একটা HEX কোড তিনটা 8-বিট সংখ্যাকে ছয়টি হেক্সাডেসিমাল ডিজিটে প্যাক করে। HEX থেকে RGB-তে রূপান্তর মানে ঐ ডিজিটগুলোকে জোড়ায় ভাগ করে প্রতিটি জোড়াকে 0 থেকে 255 পর্যন্ত দশমিক সংখ্যায় পড়া — সেগুলোই CSS, Figma এবং ইমেজ এডিটরগুলো প্রত্যাশা করে।
HEX থেকে RGB রূপান্তর কিভাবে কাজ করে
- আগের #টি বাদ দাও এবং কোডটি যদি কেবল তিন অঙ্কের হয় তাহলে প্রতিটা অঙ্ক দ্বিগুণ করো: #f53 হয়ে যাবে #ff5533।
- ছয়টি ডিজিটকে তিনটি জোড়ায় ভাগ করো — RR, GG এবং BB।
- প্রতিটি জোড়াকে বেস-16 হিসেবে পড়ে বেস-10 এ রূপান্তর করো: FF হয় 255, 57 হয় 87, 33 হয় 51।
- তিনটি ফলাফল লিখে দাও rgb(R, G, B) ফর্ম্যাটে।
কাজের উদাহরণ
এই রূপান্তর সঠিক। HEX এবং RGB একই sRGB মানকে ভিন্ন নোটেশনে বর্ণনা করে, তাই কোনো দিকে রাউন্ড বা ডেটা হারায় না।
HEX এবং RGB ব্যাখ্যা
HEX কী?
একটা HEX কোড হল ছয়-অঙ্কের হেক্সাডেসিমাল সংখ্যা যা একটি রঙের লাল, সবুজ এবং নীল চ্যানেলকে একটি আগত # এর পিছনে সংরক্ষণ করে। প্রতিটি জোড়া ডিজিট একটি চ্যানেলকে কভার করে, 00 (কোনও নেই) থেকে FF (সম্পূর্ণ) পর্যন্ত, যা RGB-এর মতো 16.7 মিলিয়ন রঙই কম অক্ষরে দেয়। CSS, ডিজাইন টুল ও ব্র্যান্ড গাইডলাইনে HEX ডিফল্ট।
- সিনট্যাক্স:
- #RRGGBB
- রেঞ্জ:
- প্রতি চ্যানেল 00–FF
- উপযোগী:
- CSS, ডিজাইন হ্যান্ডঅফ, ব্র্যান্ড গাইডলাইন
RGB কী?
RGB একটি রঙকে তিনটি আলোর চ্যানেল হিসেবে বর্ণনা করে — লাল, সবুজ এবং নীল — প্রতিটি 0 থেকে 255 পর্যন্ত। এটি স্ক্রিন কিভাবে কাজ করে তারই প্রতিফলন: সবগুলো 255 হলে সাদা, সবগুলো 0 হলে কালো। যখনই তোমাকে কোনো রঙ নিয়ে গণনা করতে হবে, RGB সঠিক পছন্দ, এবং rgba() ওই সঙ্গে ট্রান্সপারেন্সিও যোগ করে।
- সিনট্যাক্স:
- rgb(R, G, B)
- রেঞ্জ:
- প্রতি চ্যানেল 0–255
- উপযোগী:
- কোড, ক্যানভাস, rgba() দিয়ে ট্রান্সপারেন্সি
HEX থেকে RGB রেফারেন্স টেবিল
সবচেয়ে সাধারণ CSS রঙগুলো, HEX থেকে RGB তে রূপান্তর করা।
| রঙ | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |