HEX থেকে RGB রূপান্তর Hexadecimal ↔ Red Green Blue বিনামূল্যে অনলাইন নিরাপদ
HEX-এ একটি মান লিখুন, সঙ্গে সঙ্গেই তা RGB-এ পড়ে নিন। হিসাব আপনার ব্রাউজারেই হয়, কোথাও কিছু পাঠানো হয় না, আর উত্তরটি কিসের উপর নির্ভর করে তা ধরে নেওয়া হয় না — নিচে লেখা আছে।
কিছুই আপলোড হয় না
এই লিখনরীতিগুলি কোথা থেকে এসেছে
হেক্স আর RGB একই জিনিস, দুবার লেখা। পর্দার রং হল তিনটি সংখ্যা — কতটা লাল, সবুজ ও নীল আলো ছাড়তে হবে — প্রতিটি ০ থেকে ২৫৫ পর্যন্ত, অর্থাৎ এক বাইট; হেক্স কেবল সেই বাইটগুলিকেই ষোলো ভিত্তিতে লেখে, তাই #FF8800 আর rgb(255, 136, 0) একই পিক্সেলকে দেওয়া একই আদেশ। HSL উদ্ভাবিত হয়েছিল কারণ এর কোনোটিই মানুষের পড়ার যোগ্য নয়: তা বর্ণকে বর্ণচক্রের কোণ হিসেবে, আর সম্পৃক্তি ও উজ্জ্বলতাকে শতাংশে দেয়, ফলে নকশাকার তিনটি সংখ্যা নতুন করে না কষেই কিছু একটা হালকা করতে পারেন। CMYK সম্পূর্ণ আলাদা এক জগতের — কালির, আলোর নয়। তা বিয়োগধর্মী, চারটি ছাপার প্লেট দিয়ে গড়া, আর পর্দা যত রং দিতে পারে তার সবটায় পৌঁছতে পারে না, কারণ পর্দা আলো ছড়ায় আর কাগজ কেবল তা ফিরিয়ে দেয়।
কোথায় এদের দেখা পাবেন
হেক্স সেটাই যা আপনি স্টাইলশিটে টাইপ করেন আর নকশার যন্ত্র আপনাকে ধরিয়ে দেয়। RGB দেখা দেয় যেখানেই রঙের জন্য অঙ্ক দরকার: ক্রমপরিবর্তন, স্বচ্ছতা, কোনো আভা হিসাব করা কোড। HSL-এর দিকে হাত বাড়ে যখন রঙের পাটি হাতে সাজাতে হয়, কারণ যে বদলগুলি চাই সেগুলি সাধারণত ওর তিনটি সংখ্যার একটিরই বদল। CMYK সেটাই যা ছাপাখানা চায়, আর তাতে রূপান্তরই সেই মুহূর্ত যখন একটি নকশা আলো থাকা ছেড়ে কালি হয়ে ওঠে।
প্রায়ই জিজ্ঞাসিত প্রশ্ন
আমার CMYK ফল ছাপাখানার দেওয়া ফলের চেয়ে আলাদা কেন?
কারণ একটিমাত্র সঠিক রূপান্তর বলে কিছু নেই। এই পাতার অঙ্কটি সরল ও যন্ত্রনিরপেক্ষ, আর যখন আপনার একটি সূচনাবিন্দু বা মোটামুটি সমতুল্য দরকার তখন সেটাই ঠিক উত্তর। ছাপাখানা রূপান্তর করে এমন একটি বর্ণ-প্রোফাইলের মধ্য দিয়ে যা নির্দিষ্ট কালি, কাগজ ও যন্ত্রকে হিসাবে ধরে; একই RGB রং চকচকে কাগজে আর আবরণহীন কাগজে আলাদা CMYK মান দেবে। যা হুবহু মিলতেই হবে, তার জন্য কোনো সূত্রে ভরসা না করে ছাপাখানার কাছে তাদের প্রোফাইল চান।
পর্দার কিছু রং ছাপা যায় না কেন?
কারণ দুয়ের নাগাল একই রঙে পৌঁছয় না। পর্দা আলো যোগ করে রং বানায় আর এমন উজ্জ্বল, সম্পৃক্ত নীলচে-সবুজ বা সবুজ দিতে পারে যার সঙ্গে কালি কিছুতেই পারে না; কাগজ আলো শুষে রং বানায়, আর সবচেয়ে উজ্জ্বল যা হতে পারে তা পাতার সাদা। প্রত্যেকে যে রংগুলির নাগাল পায় তার সমষ্টিকে বলে গ্যামাট, আর যেখানে তারা একে অপরের উপর পড়ে না, সেখানে রূপান্তরকে হাতের কাছের নিকটতম রং বেছে নিতে হয়। সেজন্যই পর্দায় ঝলমলে রং ছাপা হলে প্রায়ই একটু ম্লান দেখায়।
উত্তরটি কি নির্ভুল?
যেখানে দুটি একক পূর্ণসংখ্যায় একে অপরের মাধ্যমে সংজ্ঞায়িত, সেখানে হ্যাঁ — পাতাটি সংখ্যার উপরেই তা বলে, আর একমাত্র পূর্ণাঙ্কন হলো কত অঙ্ক দেখানো হবে তাতে। যেখানে অনুপাতের দশমিক শেষ হয় না, পাতাটি বারোটি সার্থক অঙ্ক দেখায় এবং বলে সম্পর্কটি আসন্ন, অন্য কিছুর ভান করে না।
আমি যা লিখি তা কি আমার যন্ত্র ছেড়ে যায়?
না। হিসাব আপনারই ব্রাউজারে হয়; কিছুই আপলোড হয় না, আর হওয়ার মতো কোনো সার্ভারও নেই। পাতাটি একবার খুললে নেটওয়ার্ক বন্ধ থাকলেও কাজ করে।
কেন আপনি HEX থেকে RGB রূপান্তর করেন
একটি নকশা টুল আপনাকে একটি রং দেয় #5A4632 হিসেবে। একটি স্টাইলশিট, ক্যানভাস স্ক্রিপ্ট, চার্ট লাইব্রেরি বা গ্রাফিক্স প্রোগ্রাম তা চায় rgb(90, 70, 50) হিসেবে। এরা একই রং, আর এক বানান থেকে অন্যটিতে যাওয়ার কাজ সব সময় আসে: ব্র্যান্ড নির্দেশিকায় hex কোড তালিকাভুক্ত আর আপনার কোডের হালকা আভা হিসাব করতে সংখ্যা দরকার, একজন ক্লায়েন্ট লোগো থেকে একটি রং পাঠান আর আপনাকে স্বচ্ছতাসহ একটি rgba() ভরতে হয়, একটি লাইব্রেরি কেবল তিনটি আলাদা মান নেয়। HEX থেকে RGB রূপান্তর একটি ছোট কাজ, আর একটি নির্ভরযোগ্য রূপান্তরকারী আপনাকে মাথায় ষোলো-ভিত্তিক পাটিগণিত করে ভুল করা থেকে বাঁচায়।
রূপান্তর নিখুঁত, যা প্রতিটি রং রূপান্তরের ক্ষেত্রে সত্য নয়। Hex ও rgb() একই তিনটি সংখ্যার দুটি বানান, পর্দা যে লাল, সবুজ ও নীল আলো ছড়াবে তার পরিমাণ, প্রতিটি 0 থেকে 255। কিছুই আনুমানিক নয়, আর ফিরতি যাত্রা যা দিয়ে শুরু তাই ফেরত দেয়। এই পাতা তা আপনার ব্রাউজারে করে, এবং কিছুই আপলোড হয় না। নিচে পাবেন hex অঙ্ক কীভাবে তিনটি সংখ্যায় মেলে, স্বচ্ছতা কীভাবে বয়ে নেওয়া হয়, সংক্ষিপ্ত রূপ কী করে, sRGB-র সীমা, এবং যেসব পরিস্থিতিতে ডেভেলপার ও নকশাকারদের HEX থেকে RGB রূপান্তর দরকার।
রূপান্তর কীভাবে কাজ করে
তিন জোড়া অঙ্ক হয় তিনটি সংখ্যা
একটি hex রং একটি হ্যাশ চিহ্নের পর ছয়টি ষোড়শিক অঙ্ক, যা জোড়ায় পড়া হয়: প্রথম জোড়া লাল, দ্বিতীয় সবুজ, তৃতীয় নীল। প্রতিটি জোড়া ষোলো ভিত্তিতে 00 ও FF-এর মধ্যে একটি সংখ্যা, যা আপনি প্রতিদিন যে দশমিক ব্যবস্থা ব্যবহার করেন তাতে 0 থেকে 255। তাই #5A4632 ভাঙে 5A, 46 ও 32-এ। 5A হলো 5 × 16 + 10 = 90, 46 হলো 4 × 16 + 6 = 70, আর 32 হলো 3 × 16 + 2 = 50। রংটি rgb(90, 70, 50), যে উদাহরণ দিয়ে পাতা শুরু।
অঙ্ক কেন 0 থেকে F পর্যন্ত যায়
ষোলো ভিত্তির ষোলোটি প্রতীক লাগে, তাই 9-এর পর আসে A থেকে F অক্ষর, যা 10 থেকে 15 বোঝায়। এমন অঙ্কের একটি জোড়া দেয় 16 × 16 = 256 মান, ঠিক যা এক বাইট ধরতে পারে। একটি পর্দার রং তিন বাইট, আর hex সেগুলো লেখার একটি সংক্ষিপ্ত উপায়: কমা ও বন্ধনীসহ তিনটি সংখ্যার বদলে ছয়টি অক্ষর।
বড় ও ছোট হাতের অক্ষর
#5a4632 ও #5A4632 একই রং। CSS দুটিই নেয়, এই রূপান্তরকারীও। একটি প্রকল্পের জন্য একটি রীতি বাছুন এবং তাতে লেগে থাকুন, কারণ মিশ্র হাতের অক্ষর স্টাইলশিটে খোঁজা কঠিন করে।
রূপান্তর কী রাখে আর কী পারে না
এটি রংটি রাখে, নিখুঁতভাবে
Hex ও rgb() একই তিনটি সংখ্যার দুটি বানান, লাল, সবুজ ও নীলের জন্য 0 থেকে 255, তাই কিছুই আনুমানিক নয় এবং ফিরতি যাত্রা যা দিয়ে শুরু তাই ফেরত দেয়। HEX থেকে RGB-তে রূপান্তর করে ফিরলে আপনি শুরুর কোডই পান, বড় হাতের অক্ষরের সম্ভাব্য ব্যতিক্রম ছাড়া।
এটি স্বচ্ছতা বয়ে নেয়
স্বচ্ছতার জন্য চতুর্থ একটি মানও বয়ে নেওয়া হয়: #RRGGBBAA হয় rgba(), এবং ফিরেও। শেষ জোড়া আলফা চ্যানেল, 00, পুরো স্বচ্ছ, থেকে FF, পুরো অস্বচ্ছ। তাই #5A463280 হলো rgba(90, 70, 50, 0.5), কারণ hex-এ 80 হলো 128, আর 255-এর মধ্যে 128 প্রায় অর্ধেক। আট অঙ্ক সব বর্তমান ব্রাউজার গ্রহণ করে।
এটি sRGB-র বাইরের রং বর্ণনা করতে পারে না
দুটি বানানই sRGB বর্ণনা করে, ত্রিশ বছর ধরে পর্দা যে রঙের স্থান ব্যবহার করছে। তারা এর বাইরের রং বর্ণনা করতে পারে না, যার জন্য নতুন CSS নোটেশন, lab(), oklch() ও color(), আছে। আধুনিক ডিসপ্লে sRGB যা ধরে তার চেয়ে বেশি সম্পৃক্ত রং দেখাতে পারে, আর একটি প্রশস্ত-গ্যামুট টুলে এমন রং বাছা একজন নকশাকার তা hex হিসেবে লিখলে sRGB-তে ছাঁটা দেখবেন।
সংক্ষিপ্ত রূপ প্রসারিত হয়, সংরক্ষিত হয় না
সংক্ষিপ্ত রূপ সংরক্ষিত না হয়ে প্রসারিত হয়: #abc ফিরে আসে #AABBCC হিসেবে, একই রং লম্বা করে লেখা। প্রতিটি অঙ্ক দ্বিগুণ হয়। তার মানে আপনি তিন অঙ্কের কোড পেস্ট করে সঠিক সংখ্যা পেতে পারেন, কিন্তু লম্বা বানান দেখে সংক্ষিপ্ত বানান ফিরে পেতে পারেন না, কেবল প্রতিটি জোড়া পুনরাবৃত্ত কি না যাচাই করে।
সাধারণ রং আর তাদের সংখ্যা
মনে রাখার মতো কয়েকটি
সাদা #FFFFFF, যা rgb(255, 255, 255): তিনটি আলোই পূর্ণ শক্তিতে। কালো #000000, rgb(0, 0, 0): কোনো আলোই নয়। খাঁটি লাল #FF0000, সবুজ #00FF00 আর নীল #0000FF। একটি মাঝারি ধূসর তিনটি সমান জোড়ার যেকোনো কোড, যেমন #808080, যা rgb(128, 128, 128)। সমান জোড়া সব সময় ধূসর বোঝায়, কারণ তিন আলোর সমান পরিমাণ কোনো বর্ণ দেয় না।
এক নজরে একটি কোড পড়া
প্যাটার্ন জানলে আপনি hex অঙ্ক থেকে একটি রং অনুমান করতে পারেন। উঁচু প্রথম জোড়ার একটি কোড লালচে, উঁচু মধ্য জোড়া সবুজাভ, উঁচু শেষ জোড়া নীলচে। #FF8800 অনেকটা লাল, কিছুটা সবুজ এবং নীল নেই, যা কমলা। এর জন্য আপনার টুল লাগে না, কিন্তু নিখুঁত সংখ্যার জন্য লাগে।
এখানে কীভাবে HEX থেকে RGB রূপান্তর করবেন
hex কোড লিখুন বা পেস্ট করুন
প্রথম ঘরে রংটি লিখুন, হ্যাশ চিহ্নসহ বা ছাড়া। তিন, ছয় ও আট অঙ্কের রূপ গৃহীত হয়।
rgb মান পড়ুন
উত্তর সঙ্গে সঙ্গে অন্য ঘরে দেখা দেয়, rgb(90, 70, 50) রূপে, বা কোড স্বচ্ছতা বহন করলে rgba()। পাতাটি #5A4632 = rgb(90, 70, 50) বাক্যটি দেখায় যাতে আপনি এক নজরে যাচাই করতে পারেন।
আপনার কোডে কপি করুন
ফল স্টাইলশিটে, স্ক্রিপ্টে বা যে টুল চেয়েছে তাতে পেস্ট করুন। তিনটি সংখ্যা আলাদা লাগলে সেগুলো বন্ধনীর ভেতরেরগুলো।
এই নোটেশনগুলো কোথা থেকে আসে
Hex আর RGB একই জিনিস দুবার লেখা
একটি পর্দার রং তিনটি সংখ্যা, কতটা লাল, সবুজ ও নীল আলো ছড়াতে হবে, প্রতিটি 0 থেকে 255, যা এক বাইট। Hex কেবল সেই বাইটগুলো ষোলো ভিত্তিতে লেখে, তাই #FF8800 ও rgb(255, 136, 0) একই পিক্সেলের কাছে একই নির্দেশ।
HSL আর CMYK
HSL আবিষ্কৃত হয়েছিল কারণ কোনোটিই মানুষের পড়ার যোগ্য নয়: এটি বর্ণ দেয় একটি রঙের চাকার চারপাশে কোণ হিসেবে, সম্পৃক্তি ও উজ্জ্বলতা শতাংশে, যাতে একজন নকশাকার তিনটি সংখ্যা আবার না কষে কিছু হালকা করতে পারেন। CMYK একেবারে ভিন্ন জগতের, আলোর বদলে কালি। এটি বিয়োগাত্মক, চারটি মুদ্রণ প্লেটে গড়া, এবং পর্দা যত রঙে পৌঁছাতে পারে তার সবগুলোতে পারে না, কারণ পর্দা আলো ছড়ায় যখন কাগজ কেবল তা প্রতিফলিত করে। সেগুলোর জন্য দেখুন HEX থেকে HSL ও HEX থেকে CMYK।
আপনি এগুলোর মুখোমুখি কোথায় হন
স্টাইলশিটে
Hex হলো যা আপনি স্টাইলশিটে টাইপ করেন এবং যা একটি নকশা টুল আপনাকে দেয়। RGB দেখা দেয় যেখানেই একটি রঙের পাটিগণিত লাগে: গ্রেডিয়েন্ট, স্বচ্ছতা, আভা হিসাব করা কোড। দুটি বানান জানা এবং তাদের মধ্যে যেতে পারা দৈনন্দিন ফ্রন্ট-এন্ড কাজের অংশ।
স্ক্রিপ্ট আর ক্যানভাস আঁকায়
আঁকার কোড প্রায়ই তিনটি সংখ্যা আলাদা চায়, দুটি রং মেশাতে, একটিকে নির্দিষ্ট পরিমাণে গাঢ় করতে বা একটি পিক্সেল লক্ষ্যের সঙ্গে মেলে কি না পরীক্ষা করতে। HEX থেকে RGB রূপান্তর আপনাকে সংখ্যাগুলো সরাসরি দেয়।
গ্রাফিক্স আর ছবির টুলে
ছবি সম্পাদক সাধারণত একটি রং তিনটি সংখ্যা বা একটি hex কোড হিসেবে দেখায় এবং যেকোনোটি টাইপ করতে দেয়। দুটির মধ্যে যাওয়া আপনাকে একটি ওয়েব পাতার রং সংখ্যা চায় এমন প্রোগ্রামে পুনরুৎপাদন করতে দেয়।
নথি আর ব্র্যান্ড নির্দেশিকায়
একটি ব্র্যান্ড নির্দেশিকা ওয়েবের জন্য hex-এ, পর্দার জন্য RGB-তে এবং ছাপার জন্য CMYK-তে একটি রং তালিকাভুক্ত করতে পারে। প্রথম দুটির মেলা একটি রূপান্তরের ব্যাপার, আর এটি এমন যাচাই যা এক হাজার লিফলেটে ছাপার আগে একটি টাইপো ধরে।
RGB রূপের ব্যবহারিক ব্যবহার
দ্বিতীয় রং ছাড়া স্বচ্ছতা
rgba(90, 70, 50, 0.5) দিয়ে আপনি রংটি অর্ধেক শক্তিতে পান, যাতে তার পেছনের জিনিস ভেসে ওঠে। নতুন একটি আবিষ্কার না করে একটি ব্র্যান্ড রং থেকে ওভারলে, ছায়া ও আভাযুক্ত পটভূমি বানানোর এটিই আদর্শ উপায়।
হালকা ও গাঢ় আভা হিসাব
একটি হোভার অবস্থাকে সামান্য গাঢ় করতে একটি স্ক্রিপ্ট তিনটি সংখ্যার প্রতিটি থেকে একটি নির্দিষ্ট পরিমাণ বিয়োগ করতে পারে। একটি hex স্ট্রিংয়ে একই কাজ আড়ষ্ট; rgb-তে তা সরল পাটিগণিত। বর্ণ-ভিত্তিক সমন্বয় লাগলে বরং HEX থেকে HSL রূপান্তর করুন।
বৈসাদৃশ্য যাচাই
সহজলভ্যতা টুল দুটি রঙের মধ্যে বৈসাদৃশ্য তাদের লাল, সবুজ ও নীল মান থেকে হিসাব করে। সংখ্যা হাতে থাকলে আপনি নিজে হিসাব করতে, বা একটি পরীক্ষকে পেস্ট করে নিশ্চিত করতে পারেন যে পটভূমিতে লেখা পড়া যায়।
HEX থেকে RGB রূপান্তরের সময় ফাঁদ
আলফা জোড়া ভুলে যাওয়া
আট অঙ্কের কোডে শেষ দুই অঙ্কে স্বচ্ছতা থাকে। সেগুলো কেটে ফেললে আপনি তা হারান। ফল রং বলে ধরার আগে কোডের দৈর্ঘ্য দেখুন।
ক্রম গুলিয়ে ফেলা
Hex হলো লাল, সবুজ, নীল। কয়েকটি ফরম্যাট ও কিছু পুরোনো গ্রাফিক্স API নীল, সবুজ, লাল ব্যবহার করে। কোনো নির্দিষ্ট প্রোগ্রামে রং ভুল এলে তার চ্যানেল ক্রম দেখুন।
স্ক্রিনশট থেকে কপি করা
স্ক্রিনশট থেকে পড়া একটি রং পর্দার রং ব্যবস্থাপনা ও যেকোনো সংকোচনের পরের রং। তা উৎস ফাইলের রং থেকে সামান্য ভিন্ন হতে পারে। পারলে নকশা ফাইল ব্যবহার করুন।
পর্দা মিলবে ধরে নেওয়া
দুটি পর্দা একই কোড সামান্য ভিন্নভাবে দেখায়। সংখ্যা নিখুঁত; আপনি যা দেখেন তা ডিসপ্লে ও তার প্রোফাইলের ওপর নির্ভর করে।
রূপান্তরের আগে মানুষ যে প্রশ্ন করে
RGB-তে #FF0000 কী?
rgb(255, 0, 0), খাঁটি লাল।
RGB-তে #FFFFFF কী?
rgb(255, 255, 255), সাদা।
আমি কি তিন অঙ্কের কোড রূপান্তর করতে পারি?
হ্যাঁ। প্রতিটি অঙ্ক দ্বিগুণ হয়: #09C হয় #0099CC, যা rgb(0, 153, 204)।
রূপান্তর কি নিখুঁত?
হ্যাঁ। এটি একই তিনটি সংখ্যার দুটি বানান।
আমার রং কি আপলোড হয়?
না। পাটিগণিত আপনার ব্রাউজারে চলে এবং কিছুই কোথাও পাঠানো হয় না।
কীভাবে ফিরব?
RGB থেকে HEX দিয়ে, যা তিনটি সংখ্যাকে একটি hex কোড হিসেবে লেখে।
HEX থেকে RGB রূপান্তরের সময় বিজ্ঞতার সঙ্গে বাছা
পরে কী লাগবে জানুন
স্বচ্ছতা লাগলে rgba() স্বাভাবিক রূপ। উজ্জ্বলতা বা বর্ণ সমন্বয় লাগলে HSL সহজতর। রংটি ছাপা হতে গেলে CMYK পরের ধাপ, সেই রূপান্তর যে সতর্কতা বহন করে তা সহ। দেখুন RGB থেকে CMYK।
hex-কে মাস্টার রাখুন
একটি ব্র্যান্ড প্যালেটের রঙের জন্য hex কোডকে রেফারেন্স রাখুন। তা সংক্ষিপ্ত, দ্ব্যর্থহীন এবং সর্বত্র বোঝা যায়। অন্য রূপ লাগলে তা থেকে বের করুন।
কাস্টম প্রপার্টি ব্যবহার করুন
CSS-এ রং একবার সংজ্ঞায়িত করুন, --brand: #5A4632 হিসেবে, এবং নামে তাদের উল্লেখ করুন। rgba()-র জন্য সংখ্যা লাগলে --brand-rgb: 90 70 50-ও সংজ্ঞায়িত করুন। তাহলে রূপান্তর একবারই করা হয়।
আধুনিক CSS আর RGB রূপ
ফাঁকে আলাদা করা সিনট্যাক্স
বর্তমান CSS rgb() গ্রহণ করে ফাঁক ও স্বচ্ছতার জন্য একটি স্ল্যাশসহ, যেমন rgb(90 70 50 / 50%)। সংখ্যা কমা রূপের মতোই, তাই একটি রূপান্তরের ফল দুটিতেই কাজ করে। পুরোনো ব্রাউজার ও কিছু টুল কমা আশা করে, তাই রং কোথায় ব্যবহার হবে না জানলে কমা রূপ নিরাপদ বিকল্প থাকে।
শতাংশ আর ভগ্নাংশ
RGB শতাংশেও লেখা যায়, যেমন rgb(35% 27% 20%), যেখানে 100 শতাংশ হলো 255। পাতাটি পূর্ণ সংখ্যা দেয় কারণ hex তা-ই সংরক্ষণ করে এবং বেশির ভাগ টুল তা-ই আশা করে। শতাংশ লাগলে প্রতিটি সংখ্যাকে 255 দিয়ে ভাগ করে 100 দিয়ে গুণ করুন।
তিনটি সংখ্যার জন্য কাস্টম প্রপার্টি
একটি সাধারণ কৌশল হলো কেবল তিনটি সংখ্যা একটি কাস্টম প্রপার্টিতে রাখা, --brand-rgb: 90 70 50, এবং তা ব্যবহার করা rgb(var(--brand-rgb) / 0.5) হিসেবে। এতে একটি সংজ্ঞা নিরেট ও স্বচ্ছ দুই ব্যবহারেই কাজ করে। এই উদ্দেশ্যে HEX থেকে RGB রূপান্তরের সময় উত্তর থেকে কেবল সংখ্যাগুলো কপি করুন।
বাস্তবে রং নিয়ে কাজ
ব্র্যান্ড নির্দেশিকার বিপরীতে যাচাই
একটি ব্র্যান্ড নির্দেশিকা একই রঙের জন্য hex ও rgb দুটিই দিলে একটি রূপান্তর করে অন্যটির সঙ্গে তুলনা করুন। অমিল সাধারণত নির্দেশিকার একটি টাইপো বোঝায়, আর প্রতিটি পাতায় ব্যবহারের আগে তা ধরা তার লাগা মিনিটের যোগ্য।
প্যালেটকে একটি ছোট তালিকা রাখুন
বেশির ভাগ সাইট পাঁচ থেকে আটটি রং ব্যবহার করে। দুই রূপেই সেগুলো একটি নোটে লিখুন। একটি নতুন উপাদানের জন্য HEX থেকে RGB রূপান্তর করার প্রতিবার আপনি আবার কষার বদলে খুঁজে দেখতে পারেন, আর প্যালেট সামঞ্জস্যপূর্ণ থাকে।
ভূমিকা অনুযায়ী রঙের নাম দিন
primary, surface ও warning-এর মতো নাম সবুজ বা বাদামির মতো নামের চেয়ে পুনঃনকশা ভালো টিকে থাকে। রূপান্তর আপনাকে সংখ্যা দেয়; নাম বলে সেগুলো কীসের জন্য।
সম্পর্কিত রূপান্তরকারী
একই পরিবারের টুল প্রতিবেশী রূপান্তর ঢাকে। ফিরতে ব্যবহার করুন RGB থেকে HEX। বর্ণ দিয়ে বর্ণিত রঙের জন্য HEX থেকে HSL ও HSL থেকে HEX হাতের কাছে, আর ছাপার জন্য HEX থেকে CMYK, CMYK থেকে HEX ও CMYK থেকে RGB। একই স্টাইলশিটের মাপের জন্য px থেকে rem ও px থেকে em দৈর্ঘ্যের জন্য তা-ই করে যা এই পাতা রঙের জন্য করে।
একটি কাজের উদাহরণ
ধরুন আপনার ব্র্যান্ড রং #1E7A5C এবং একটি কার্ডের পটভূমির জন্য আপনি একটি স্বচ্ছ সংস্করণ চান। আপনি কোড লেখেন এবং পড়েন rgb(30, 122, 92)। স্টাইলশিটে আপনি লেখেন background: rgba(30, 122, 92, 0.12), একই সবুজের খুব হালকা আভা, এবং rgba(30, 122, 92, 0.4)-এর একটি সীমানা। কার্ডটি সাদা পাতায় এবং ধূসর পাতায় আরামে বসে, কারণ স্বচ্ছতা পাতাটিকে ভেতর দিয়ে যেতে দেয়। ব্র্যান্ড রং পরে বদলালে আপনি একটি কাস্টম প্রপার্টিতে তিনটি সংখ্যা বদলান আর প্রতিটি আভা অনুসরণ করে।
একটি সংক্ষিপ্ত তালিকা
রূপান্তরের আগে
কোডের দৈর্ঘ্য দেখুন: তিন, ছয় বা আট অঙ্ক। ঠিক করুন স্বচ্ছতা লাগবে কি না।
রূপান্তরের সময়
কোড পেস্ট করুন, rgb মান পড়ুন এবং বন্ধনীসহ বা কেবল তিনটি সংখ্যা কপি করুন।
রূপান্তরের পরে
প্রসঙ্গে, আসল পটভূমিতে, রংটি পরীক্ষা করুন এবং তার ওপরের যেকোনো লেখার বৈসাদৃশ্য যাচাই করুন।
সাধারণ ভুল
স্বচ্ছতার জোড়া বাদ দেওয়া
আট অঙ্ক মানে আলফা। রাখুন অথবা rgba()-তে রূপান্তর করুন।
চ্যানেল ক্রম গুলিয়ে ফেলা
Hex-এ লাল প্রথম। কিছু টুল নীল প্রথম আশা করে।
পর্দাকে সত্য ধরা
সংখ্যা নিখুঁত। চেহারা ডিসপ্লের ওপর নির্ভর করে।
আপনার রং আপনার ডিভাইসেই থাকে
হিসাব হয় স্থানীয়ভাবে। আপনার মান আপনার নিজের ব্রাউজার ব্যবহার করে এবং কিছুই কোথাও পাঠানো হয় না। পরে মুছে ফেলার কিছু নেই এবং তৈরি করার কোনো অ্যাকাউন্ট নেই। HEX থেকে RGB রূপান্তরের সহজ পথ এটিই।
সারসংক্ষেপ
এখানে HEX থেকে RGB রূপান্তর করতে hex কোড লিখুন বা পেস্ট করুন এবং সঙ্গে সঙ্গে rgb মান পড়ুন। রূপান্তর রংটি নিখুঁতভাবে রাখে: hex ও rgb() একই তিনটি সংখ্যার দুটি বানান, লাল, সবুজ ও নীলের জন্য 0 থেকে 255, তাই কিছুই আনুমানিক নয় এবং ফিরতি যাত্রা যা দিয়ে শুরু তাই ফেরত দেয়। স্বচ্ছতার জন্য চতুর্থ একটি মানও বয়ে নেওয়া হয়, কারণ #RRGGBBAA হয় rgba(), এবং ফিরেও। দুটি বানানই sRGB বর্ণনা করে, তাই এর বাইরের রং বর্ণনা করতে পারে না, আর সংক্ষিপ্ত রূপ সংরক্ষিত না হয়ে প্রসারিত হয়: #abc ফিরে আসে #AABBCC হিসেবে। কিছুই আপলোড হয় না।