ImageColorPicker.com

HEX থেকে RGB রূপান্তর

যেকোনো HEX রঙকে RGB তে রূপান্তর করো — তাৎক্ষণিক এবং বিনামূল্যে

#FF5733

কোনো রঙের মান পেস্ট করো — আমরা তোমার জন্য ফরম্যাট শনাক্ত করে দেব।

RGB ফলাফল
লাল
255
সবুজ
87
নীল
51

এই রঙ সকল ফরম্যাটে

CMYK প্রোফাইল: Coated FOGRA39 (ইউরোপের জন্য Photoshop-এর ডিফল্ট)

একটা HEX কোড তিনটা 8-বিট সংখ্যাকে ছয়টি হেক্সাডেসিমাল ডিজিটে প্যাক করে। HEX থেকে RGB-তে রূপান্তর মানে ঐ ডিজিটগুলোকে জোড়ায় ভাগ করে প্রতিটি জোড়াকে 0 থেকে 255 পর্যন্ত দশমিক সংখ্যায় পড়া — সেগুলোই CSS, Figma এবং ইমেজ এডিটরগুলো প্রত্যাশা করে।

HEX থেকে RGB রূপান্তর কিভাবে কাজ করে

  1. আগের #টি বাদ দাও এবং কোডটি যদি কেবল তিন অঙ্কের হয় তাহলে প্রতিটা অঙ্ক দ্বিগুণ করো: #f53 হয়ে যাবে #ff5533।
  2. ছয়টি ডিজিটকে তিনটি জোড়ায় ভাগ করো — RR, GG এবং BB।
  3. প্রতিটি জোড়াকে বেস-16 হিসেবে পড়ে বেস-10 এ রূপান্তর করো: FF হয় 255, 57 হয় 87, 33 হয় 51।
  4. তিনটি ফলাফল লিখে দাও rgb(R, G, B) ফর্ম্যাটে।

কাজের উদাহরণ

HEX #FF5733=RGB rgb(255, 87, 51)

এই রূপান্তর সঠিক। 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 তে রূপান্তর করা।

রঙHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

আরও রঙ রূপান্তরকারী

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

আগের #টি বাদ দাও এবং কোডটি যদি কেবল তিন অঙ্কের হয় তাহলে প্রতিটা অঙ্ক দ্বিগুণ করো: #f53 হয়ে যাবে #ff5533। ছয়টি ডিজিটকে তিনটি জোড়ায় ভাগ করো — RR, GG এবং BB। প্রতিটি জোড়াকে বেস-16 হিসেবে পড়ে বেস-10 এ রূপান্তর করো: FF হয় 255, 57 হয় 87, 33 হয় 51। তিনটি ফলাফল লিখে দাও rgb(R, G, B) ফর্ম্যাটে।

এই রূপান্তর সঠিক। HEX এবং RGB একই sRGB মানকে ভিন্ন নোটেশনে বর্ণনা করে, তাই কোনো দিকে রাউন্ড বা ডেটা হারায় না।

RGB একটি রঙকে তিনটি আলোর চ্যানেল হিসেবে বর্ণনা করে — লাল, সবুজ এবং নীল — প্রতিটি 0 থেকে 255 পর্যন্ত। এটি স্ক্রিন কিভাবে কাজ করে তারই প্রতিফলন: সবগুলো 255 হলে সাদা, সবগুলো 0 হলে কালো। যখনই তোমাকে কোনো রঙ নিয়ে গণনা করতে হবে, RGB সঠিক পছন্দ, এবং rgba() ওই সঙ্গে ট্রান্সপারেন্সিও যোগ করে।

হ্যাঁ। ইনপুটের পাশে থাকা সোয়াপ বোতামটা তোমাকে RGB থেকে HEX কনভার্টারে নিয়ে যাবে, যা একেবারেই একইভাবে কাজ করে। উভয় দিকেই একই সূত্র ব্যবহার করা হয়, কেবল উল্টোভাবে প্রয়োগ করা হয়।

যখন তোমাকে সংখ্যাগুলো নিয়ে কাজ করতে হবে — কোনো একটি চ্যানেল এনিমেট করা, কোডে রঙ মিক্স করা, বা rgba() দিয়ে ট্রান্সপারেন্সি যোগ করা — তখন RGB ব্যবহার করো। স্ট্যাটিক CSS-এ সংক্ষিপ্ত ও পড়তে সহজ হিসেবে HEX ঠিক আছে।