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