RGB থেকে HEX রূপান্তর Red Green Blue ↔ Hexadecimal বিনামূল্যে অনলাইন নিরাপদ
RGB-এ একটি মান লিখুন, সঙ্গে সঙ্গেই তা HEX-এ পড়ে নিন। হিসাব আপনার ব্রাউজারেই হয়, কোথাও কিছু পাঠানো হয় না, আর উত্তরটি কিসের উপর নির্ভর করে তা ধরে নেওয়া হয় না — নিচে লেখা আছে।
কিছুই আপলোড হয় না
এই লিখনরীতিগুলি কোথা থেকে এসেছে
হেক্স আর RGB একই জিনিস, দুবার লেখা। পর্দার রং হল তিনটি সংখ্যা — কতটা লাল, সবুজ ও নীল আলো ছাড়তে হবে — প্রতিটি ০ থেকে ২৫৫ পর্যন্ত, অর্থাৎ এক বাইট; হেক্স কেবল সেই বাইটগুলিকেই ষোলো ভিত্তিতে লেখে, তাই #FF8800 আর rgb(255, 136, 0) একই পিক্সেলকে দেওয়া একই আদেশ। HSL উদ্ভাবিত হয়েছিল কারণ এর কোনোটিই মানুষের পড়ার যোগ্য নয়: তা বর্ণকে বর্ণচক্রের কোণ হিসেবে, আর সম্পৃক্তি ও উজ্জ্বলতাকে শতাংশে দেয়, ফলে নকশাকার তিনটি সংখ্যা নতুন করে না কষেই কিছু একটা হালকা করতে পারেন। CMYK সম্পূর্ণ আলাদা এক জগতের — কালির, আলোর নয়। তা বিয়োগধর্মী, চারটি ছাপার প্লেট দিয়ে গড়া, আর পর্দা যত রং দিতে পারে তার সবটায় পৌঁছতে পারে না, কারণ পর্দা আলো ছড়ায় আর কাগজ কেবল তা ফিরিয়ে দেয়।
কোথায় এদের দেখা পাবেন
হেক্স সেটাই যা আপনি স্টাইলশিটে টাইপ করেন আর নকশার যন্ত্র আপনাকে ধরিয়ে দেয়। RGB দেখা দেয় যেখানেই রঙের জন্য অঙ্ক দরকার: ক্রমপরিবর্তন, স্বচ্ছতা, কোনো আভা হিসাব করা কোড। HSL-এর দিকে হাত বাড়ে যখন রঙের পাটি হাতে সাজাতে হয়, কারণ যে বদলগুলি চাই সেগুলি সাধারণত ওর তিনটি সংখ্যার একটিরই বদল। CMYK সেটাই যা ছাপাখানা চায়, আর তাতে রূপান্তরই সেই মুহূর্ত যখন একটি নকশা আলো থাকা ছেড়ে কালি হয়ে ওঠে।
প্রায়ই জিজ্ঞাসিত প্রশ্ন
আমার CMYK ফল ছাপাখানার দেওয়া ফলের চেয়ে আলাদা কেন?
কারণ একটিমাত্র সঠিক রূপান্তর বলে কিছু নেই। এই পাতার অঙ্কটি সরল ও যন্ত্রনিরপেক্ষ, আর যখন আপনার একটি সূচনাবিন্দু বা মোটামুটি সমতুল্য দরকার তখন সেটাই ঠিক উত্তর। ছাপাখানা রূপান্তর করে এমন একটি বর্ণ-প্রোফাইলের মধ্য দিয়ে যা নির্দিষ্ট কালি, কাগজ ও যন্ত্রকে হিসাবে ধরে; একই RGB রং চকচকে কাগজে আর আবরণহীন কাগজে আলাদা CMYK মান দেবে। যা হুবহু মিলতেই হবে, তার জন্য কোনো সূত্রে ভরসা না করে ছাপাখানার কাছে তাদের প্রোফাইল চান।
পর্দার কিছু রং ছাপা যায় না কেন?
কারণ দুয়ের নাগাল একই রঙে পৌঁছয় না। পর্দা আলো যোগ করে রং বানায় আর এমন উজ্জ্বল, সম্পৃক্ত নীলচে-সবুজ বা সবুজ দিতে পারে যার সঙ্গে কালি কিছুতেই পারে না; কাগজ আলো শুষে রং বানায়, আর সবচেয়ে উজ্জ্বল যা হতে পারে তা পাতার সাদা। প্রত্যেকে যে রংগুলির নাগাল পায় তার সমষ্টিকে বলে গ্যামাট, আর যেখানে তারা একে অপরের উপর পড়ে না, সেখানে রূপান্তরকে হাতের কাছের নিকটতম রং বেছে নিতে হয়। সেজন্যই পর্দায় ঝলমলে রং ছাপা হলে প্রায়ই একটু ম্লান দেখায়।
উত্তরটি কি নির্ভুল?
যেখানে দুটি একক পূর্ণসংখ্যায় একে অপরের মাধ্যমে সংজ্ঞায়িত, সেখানে হ্যাঁ — পাতাটি সংখ্যার উপরেই তা বলে, আর একমাত্র পূর্ণাঙ্কন হলো কত অঙ্ক দেখানো হবে তাতে। যেখানে অনুপাতের দশমিক শেষ হয় না, পাতাটি বারোটি সার্থক অঙ্ক দেখায় এবং বলে সম্পর্কটি আসন্ন, অন্য কিছুর ভান করে না।
আমি যা লিখি তা কি আমার যন্ত্র ছেড়ে যায়?
না। হিসাব আপনারই ব্রাউজারে হয়; কিছুই আপলোড হয় না, আর হওয়ার মতো কোনো সার্ভারও নেই। পাতাটি একবার খুললে নেটওয়ার্ক বন্ধ থাকলেও কাজ করে।
কেন আপনি RGB থেকে HEX রূপান্তর করেন
একটি ইমেজ এডিটর, অপারেটিং সিস্টেমের একটি কালার পিকার বা কোডের একটি লাইন আপনাকে একটি রং দেয় তিনটি সংখ্যা হিসেবে: 90, 70, 50। একটি স্টাইলশিট, একটি ডিজাইন টোকেন ফাইল বা একজন সহকর্মীকে বার্তা সেটি চায় একটি ছোট কোড হিসেবে: #5A4632। এর মাঝের ধাপটিই এই পাতা করে। RGB থেকে HEX রূপান্তর মানে একই তিনটি সংখ্যা ষোলো ভিত্তিতে লেখা, প্রতিটি দুই অঙ্কে, এবং সামনে একটি হ্যাশ চিহ্ন বসানো। একটি রঙের জন্য এটি করা সহজ আর কুড়িটির জন্য বিরক্তিকর, এবং একটি সংখ্যার সামনে শূন্য লাগলে বা একটি অঙ্ক অক্ষর হলে ভুল করা সহজ।
রূপান্তরটি নিখুঁত, যা প্রতিটি রঙের রূপান্তরের জন্য সত্য নয়। হেক্স আর rgb() একই তিনটি সংখ্যার দুটি বানান, একটি পর্দার নির্গত করা উচিত লাল, সবুজ আর নীল আলোর পরিমাণ, প্রতিটি 0 থেকে 255। কিছুই আন্দাজ করা হয় না, আর যাওয়া-আসা যা দিয়ে শুরু করেছিল তা-ই ফেরত দেয়। পাতা এটি করে আপনার ব্রাউজারে, আর কিছু আপলোড হয় না। নিচে আপনি পাবেন প্রতিটি সংখ্যা কীভাবে দুটি হেক্স অঙ্ক হয়, স্বচ্ছতা কীভাবে বহন হয়, sRGB-র সীমা, যেসব জায়গায় মানুষের RGB থেকে HEX রূপান্তর করতে হয়, এবং একটি প্রকল্পে রং সঙ্গতিপূর্ণ রাখার কয়েকটি অভ্যাস।
রূপান্তর কীভাবে কাজ করে
প্রতিটি সংখ্যা হয় দুটি হেক্স অঙ্ক
rgb(90, 70, 50) নিন। প্রতিটি সংখ্যাকে ষোলো দিয়ে ভাগ করুন: 90 হলো 5 গুণ 16 যোগ 10, আর 10 হলো অঙ্ক A, তাই 90 হয় 5A। 70 হলো 4 গুণ 16 যোগ 6, তাই 46। 50 হলো 3 গুণ 16 যোগ 2, তাই 32। তিনটি জোড়া একসঙ্গে বসিয়ে হ্যাশ চিহ্ন যোগ করুন: #5A4632। আপনি টাইপ করার সঙ্গে সঙ্গে পাতা এটি করে দেয়, এবং rgb(90, 70, 50) = #5A4632 বাক্যটি দেখায় যাতে আপনি যাচাই করতে পারেন।
সামনের শূন্য
প্রতিটি জোড়ায় অবশ্যই দুটি অঙ্ক থাকতে হবে। 16-র নিচের একটি সংখ্যার সামনে একটি শূন্য লাগে: 7 হয় 07, আর 0 হয় 00। তাই rgb(0, 7, 255) হলো #0007FF, #07FF নয়, যা সম্পূর্ণ ভিন্ন কিছু বোঝাত। হাতে রূপান্তর করার সময় শূন্য ভুলে যাওয়াই সবচেয়ে সাধারণ ভুল।
পরিসর
প্রতিটি সংখ্যা অবশ্যই 0 আর 255-এর মধ্যে থাকতে হবে। 255-এর ওপরের মান দুটি হেক্স অঙ্কে লেখা যায় না, আর একটি ঋণাত্মক মানের কোনো অর্থ নেই। আপনার কোডের কোনো হিসাব 270 বা −5 দিলে আগে তাকে পরিসরে সীমিত করুন। কনভার্টার একই করে, যাতে এটি কখনও অবৈধ কোড বানায় না।
রূপান্তর কী রাখে আর কী পারে না
এটি রংটি রাখে, নিখুঁতভাবে
হেক্স আর rgb() একই তিনটি সংখ্যার দুটি বানান, লাল, সবুজ ও নীলের জন্য 0 থেকে 255, তাই কিছুই আন্দাজ করা হয় না আর যাওয়া-আসা যা দিয়ে শুরু করেছিল তা-ই ফেরত দেয়। RGB থেকে HEX রূপান্তর করে আবার ফিরলে আপনি যে সংখ্যা দিয়ে শুরু করেছিলেন তা-ই পান।
এটি স্বচ্ছতা পার করে নিয়ে যায়
স্বচ্ছতার জন্য চতুর্থ মানও পার হয়: #RRGGBBAA হয় rgba(), আর উল্টো। 0.5 স্বচ্ছতা হয় জোড়া 80, কারণ 255-এর অর্ধেক প্রায় 128, যা হেক্সে 80। তাই rgba(90, 70, 50, 0.5) হলো #5A463280। আট-অঙ্কের হেক্স সব বর্তমান ব্রাউজার গ্রহণ করে।
এটি sRGB-র বাইরের রং বর্ণনা করতে পারে না
দুটি বানানই বর্ণনা করে sRGB, যে রঙের স্থান একটি পর্দা ত্রিশ বছর ধরে ব্যবহার করেছে। তারা এর বাইরের রং বর্ণনা করতে পারে না, যার জন্য নতুন CSS নোটেশন lab(), oklch() আর color()-এর অস্তিত্ব। আপনি প্রশস্ত-গামাট টুলের একটি রং থেকে শুরু করলে আপনার কপি করা তিনটি সংখ্যা ইতিমধ্যে sRGB সংস্করণ, আর হেক্স সেগুলোর প্রতি বিশ্বস্ত।
এটি সংক্ষিপ্ত রূপ রাখে না
যেখানে একটি কোড তিন অঙ্কে লেখা যেত, যেমন #AABBCC হিসেবে #ABC, কনভার্টার লম্বা রূপটি দেয়। লম্বা রূপ সব সময় বৈধ এবং একই রং; সংক্ষিপ্ত রূপ কেবল পাঠকের সুবিধার জন্য।
সাধারণ রং আর তাদের কোড
মনে রাখার মতো কয়েকটি
rgb(255, 255, 255) হলো #FFFFFF, সাদা: তিনটি আলোই পূর্ণ শক্তিতে। rgb(0, 0, 0) হলো #000000, কালো: একদম আলো নেই। rgb(255, 0, 0) হলো #FF0000, খাঁটি লাল; rgb(0, 255, 0) হলো #00FF00 আর rgb(0, 0, 255) হলো #0000FF। তিনটি সমান সংখ্যার যেকোনো রং একটি ধূসর, আর তার কোডে তিনটি সমান জোড়া: rgb(128, 128, 128) হলো #808080।
ওয়েব-নিরাপদ অভ্যাস
পুরোনো নির্দেশিকা ওয়েব-নিরাপদ রঙের কথা বলত, যাদের জোড়া ছিল কেবল 00, 33, 66, 99, CC বা FF। সেগুলো 256-রঙের পর্দার দিনের, আর টিকে থাকার কোনো কারণ নেই। যেকোনো মান ব্যবহার করুন; পর্দা সবগুলো দেখাতে পারে।
এখানে RGB থেকে HEX কীভাবে রূপান্তর করবেন
তিনটি সংখ্যা টাইপ করুন
প্রথম ঘরে rgb(90, 70, 50) আকারে, বা কমা বা ফাঁক দিয়ে আলাদা সংখ্যা দিয়ে রংটি দিন। শতাংশ দরকার নেই; 0 থেকে 255 পর্যন্ত সংখ্যা ব্যবহার করুন।
হেক্স কোড পড়ুন
উত্তর তখনই অন্য ঘরে দেখা দেয়, হ্যাশ চিহ্ন দিয়ে শুরু, বড় হাতের অক্ষরে। আপনি স্বচ্ছতার জন্য চতুর্থ মান দিলে কোডে আট অঙ্ক থাকে।
আপনার কাজে কপি করুন
কোডটি স্টাইলশিট, টোকেন ফাইল বা বার্তায় পেস্ট করুন। আপনার প্যালেট নোটে যোগ করুন যাতে পরের রূপান্তর একটি খোঁজ হয়।
এই নোটেশনগুলো কোথা থেকে এসেছে
হেক্স আর RGB একই জিনিস দুবার লেখা
একটি পর্দার রং তিনটি সংখ্যা, কতটা লাল, সবুজ আর নীল আলো নির্গত করতে হবে, প্রতিটি 0 থেকে 255, যা এক বাইট। হেক্স কেবল সেই বাইটগুলো ষোলো ভিত্তিতে লেখে, তাই #FF8800 আর rgb(255, 136, 0) একই পিক্সেলের কাছে একই নির্দেশ।
HSL আর CMYK
HSL আবিষ্কৃত হয়েছিল কারণ কোনোটিই মানুষের পড়ার মতো নয়: এটি হিউ দেয় একটি রঙের চাকার চারপাশে একটি কোণ হিসেবে, সম্পৃক্তি আর উজ্জ্বলতা শতাংশে, যাতে একজন ডিজাইনার তিনটি সংখ্যা আবার হিসাব না করে কিছু হালকা করতে পারেন। CMYK একেবারে ভিন্ন জগতের, আলোর বদলে কালি। এটি বিয়োগাত্মক, চারটি ছাপার প্লেটে গড়া, এবং পর্দা যে প্রতিটি রং পারে তা পৌঁছাতে পারে না, কারণ পর্দা আলো নির্গত করে আর কাগজ কেবল তা প্রতিফলিত করে। দেখুন HEX থেকে HSL আর RGB থেকে CMYK।
কোথায় এগুলোর মুখোমুখি হন
ডিজাইন হস্তান্তরে
একজন ডিজাইনার এমন একটি এডিটরে কাজ করেন যা rgb মান বা একটি পিকার দেখায়; ডেভেলপারের স্টাইলশিটের জন্য হেক্স লাগে। RGB থেকে HEX রূপান্তর মাঝের ধাপ, আর প্যালেটের প্রতিটি রঙের জন্য তা করা হয়।
রং গণনা করা স্ক্রিপ্টে
দুটি রং মেশানো বা একটিকে গাঢ় করা একটি স্ক্রিপ্ট সংখ্যা নিয়ে কাজ করে এবং শেষ করে তিনটি দিয়ে। ফল স্টাইলশিটে ব্যবহার করতে বা দেখাতে হলে তা হেক্স কোড হিসেবে লিখতে হয়। কোডে হাতে এটি করা কয়েক লাইন; একটি কনভার্টার দিয়ে ফল যাচাই করা দ্রুততর।
ডেটা ভিজ্যুয়ালাইজেশনে
চার্ট লাইব্রেরি রং গ্রহণ করে হেক্স স্ট্রিং হিসেবে। সংখ্যাগত পদ্ধতিতে তৈরি প্যালেট বেরোয় rgb ত্রয়ী হিসেবে। একটি রূপান্তর ধাপ একটিকে অন্যটিতে পরিণত করে।
নথি আর উপস্থাপনায়
অফিস প্রোগ্রাম রং দেখায় RGB সংখ্যা হিসেবে; ওয়েব এডিটর চায় হেক্স। একটি ব্র্যান্ডের রং দুটিতেই দেখা দিতে হলে রূপান্তর সেগুলোকে অভিন্ন রাখে।
RGB থেকে HEX রূপান্তরের সময় ফাঁদ
সামনের শূন্য ভুলে যাওয়া
7-কে 7 হিসেবে লিখে 07 না লিখলে পরের প্রতিটি অঙ্ক সরে যায়। প্রতি জোড়ায় সব সময় দুটি অঙ্ক ব্যবহার করুন।
শতাংশকে 0 থেকে 255-এর সঙ্গে গুলিয়ে ফেলা
rgb(35%, 27%, 20%) সংখ্যাগুলোর একটি ভিন্ন বানান, যেখানে 100 শতাংশ হলো 255। আপনার উৎস শতাংশ ব্যবহার করলে আগে সেগুলো 0 থেকে 255-এ রূপান্তর করুন: 2.55 দিয়ে গুণ করুন।
গণনা করা রঙে গোল করার ভুল
127.5 তৈরি করা একটি স্ক্রিপ্টকে ঠিক করতে হয় সেটি 127 নাকি 128। পার্থক্য অদৃশ্য, কিন্তু আপনি যা এক রং ভেবেছিলেন তার দুটি কোড হয়। সর্বত্র একই ভাবে গোল করুন।
স্ক্রিনশট থেকে রং নেওয়া
স্ক্রিনশট থেকে পড়া একটি রং পর্দার রং ব্যবস্থাপনা এবং হয়তো সংকোচনের মধ্য দিয়ে গেছে। উৎস থেকে এটি এক বা দুই ধাপ আলাদা হতে পারে। পারলে ডিজাইন ফাইল ব্যবহার করুন।
রূপান্তরের আগে মানুষ যে প্রশ্ন করে
হেক্সে rgb(255, 0, 0) কী?
#FF0000, খাঁটি লাল।
হেক্সে rgb(0, 0, 0) কী?
#000000, কালো।
আমি কি হেক্স কোডে ছোট হাতের অক্ষর ব্যবহার করতে পারি?
হ্যাঁ। #5a4632 আর #5A4632 একই রং। পাতা বড় হাতের অক্ষর লেখে।
রূপান্তর কি নিখুঁত?
হ্যাঁ। এটি একই তিনটি সংখ্যার দুটি বানান।
আমার রং কি আপলোড হয়?
না। হিসাব চলে আপনার ব্রাউজারে আর কিছুই কোথাও পাঠানো হয় না।
কীভাবে ফিরে যাব?
HEX থেকে RGB দিয়ে, যা তিনটি জোড়াকে সংখ্যা হিসেবে পড়ে।
একটি প্রকল্পে রং সঙ্গতিপূর্ণ রাখার অভ্যাস
প্রতিটি রং একবার সংজ্ঞায়িত করুন
আপনার প্যালেট কাস্টম প্রপার্টিতে রাখুন, যেমন --brand: #5A4632, এবং রংগুলো নাম ধরে উল্লেখ করুন। একটি নতুন রঙের জন্য RGB থেকে HEX রূপান্তর করলে আপনি একটি লাইন যোগ করেন, আর প্রতিটি ব্যবহার তা অনুসরণ করে।
একটি কেস বেছে নিন
হেক্স কোডের জন্য বড় বা ছোট হাতের অক্ষর বেছে নিয়ে তাতে লেগে থাকুন। তখন কোডে একটি রং খোঁজা নির্ভরযোগ্য।
উৎস লিখে রাখুন
প্রতিটি রঙের পাশে টুকে রাখুন তা কোথা থেকে এসেছে: ব্র্যান্ড গাইড, একটি লোগো, একটি নমুনা ছবি। একটি রং ঠিক কি না প্রশ্ন উঠলে আপনি জানেন কোথায় যাচাই করবেন।
কন্ট্রাস্ট পরীক্ষা করুন
রঙিন পটভূমিতে লেখার জন্য একটি টুল দিয়ে কন্ট্রাস্ট অনুপাত যাচাই করুন। rgb রূপের সংখ্যাগুলো সরাসরি সূত্রে ঢোকে, আর হেক্স রূপ বেশির ভাগ চেকারে আপনি যা টাইপ করেন।
কেন 256 ধাপ, আর সংখ্যাগুলোর পেছনে কী
প্রতিটি আলোর জন্য আট বিট
তিনটি সংখ্যার প্রতিটি সংরক্ষিত হয় আট বিটে, যা 0 থেকে 255 পর্যন্ত 256 মান দেয়। তিনটি একসঙ্গে দেয় 256 × 256 × 256, প্রায় 16.7 মিলিয়ন সমন্বয়, যা বেশির ভাগ অবস্থায় চোখ যতটা আলাদা করতে পারে তার চেয়ে বেশি। হেক্স কোড ঠিক ছয় অঙ্ক লম্বা হওয়ার কারণ এটাই: প্রতিটি আলোর জন্য দুটি, বেশিও নয় কমও নয়। আপনি যখন RGB থেকে HEX রূপান্তর করেন তখন তিনটি বাইট লিখছেন সেই সবচেয়ে সংক্ষিপ্ত রূপে যাতে মানুষ একমত হতে পেরেছিল।
কেন সমান ধাপ সমান দেখায় না
সংখ্যাগুলো আপনার চোখে পৌঁছানো আলোর সমানুপাতিক নয়। পর্দা একটি বক্ররেখা প্রয়োগ করে, 2.2-এর একটি ঘাতের কাছাকাছি, যাতে গাঢ় স্বরগুলো 256 ধাপের বেশি অংশ পায় উজ্জ্বলগুলোর চেয়ে, যা চোখের উপযোগী। 10 থেকে 20-এর একটি ধাপ 240 থেকে 250-এর ধাপের চেয়ে বড় পরিবর্তনের মতো দেখায়। আপনার জন্য এর অর্থ হলো দুটি রঙের সংখ্যা গড় করে গড় নিলে সেই রং মেলে না যা আলো মিশিয়ে আপনি দেখতেন, এমন একটি তথ্য যা কোডে গ্রেডিয়েন্ট আর মিশ্রণ গণনায় গুরুত্বপূর্ণ।
ধূসর আর কর্ণ
সব ধূসর সেই রেখায় থাকে যেখানে তিনটি সংখ্যা সমান। 0-তে কালো থেকে 255-এ সাদা পর্যন্ত তাদের 256টি আছে। RGB থেকে HEX রূপান্তর করে তিনটি জোড়া মিললে আপনি তখনই জানেন রংটির কোনো হিউ নেই। এক বা দুই ধাপ আলাদা জোড়াসহ প্রায়-ধূসর একটি হালকা আভা পায়, যা ডিজাইনাররা প্রায়ই একটি নিরপেক্ষ রংকে উষ্ণতা বা শীতলতার আভাস দিতে ব্যবহার করেন।
একটি প্যালেট গড়া ও যাচাই করা
কয়েকটি বেছে নেওয়া রং থেকে একটি প্যালেটে
একটি সাধারণ প্যালেটে থাকে একটি প্রাথমিক রং, একটি অ্যাকসেন্ট, লেখার জন্য একটি নিরপেক্ষ, পৃষ্ঠতলের জন্য একটি হালকা নিরপেক্ষ এবং সাফল্য ও ত্রুটির জন্য এক বা দুটি সংকেত রং। আপনার ডিজাইন টুলে প্রতিটি বেছে নিন, তার rgb সংখ্যা পড়ুন, এবং স্টাইলশিটের জন্য RGB থেকে HEX রূপান্তর করুন। ভূমিকা বর্ণনা করা নামসহ সেগুলো কাস্টম প্রপার্টি হিসেবে লিখুন, আর প্যালেট প্রতিটি কম্পোনেন্টে ব্যবহারের জন্য প্রস্তুত।
লেখা আর পটভূমির মধ্যে কন্ট্রাস্ট
পড়ার যোগ্য লেখায় অক্ষর আর পটভূমির মধ্যে যথেষ্ট উজ্জ্বলতার পার্থক্য লাগে। অভিগম্যতা নির্দেশিকা দুটি রঙের লাল, সবুজ ও নীল মান থেকে গণনা করা একটি কন্ট্রাস্ট অনুপাত সংজ্ঞায়িত করে, এবং সাধারণ লেখার জন্য অন্তত 4.5 থেকে 1 চায়। চেকার হেক্স কোড গ্রহণ করে, তাই এখানে আপনার তৈরি কোড সরাসরি সেগুলোতে যেতে পারে। শুধু সাদায় প্রাথমিক রং নয়, ব্যবহারের পরিকল্পনা করা প্রতিটি জোড়া যাচাই করুন।
একটি তালিকা রূপান্তর
রূপান্তরের জন্য অনেক রং থাকলে একবারে একটি করে সেরে প্রতিটি ফল তার নাম আর ব্যবহারসহ একটি সারণিতে পেস্ট করুন। প্রতি রঙে এক মিনিট লাগে, আর সারণি পুরো প্রকল্পের রেফারেন্স হয়। পরে একটি রং বদলালে শুধু তার সারি বদলাতে হয়।
হেক্স আর rgb তাল মিলিয়ে রাখা
আপনার প্রকল্প কিছু রং হেক্সে আর কিছু rgb-তে রাখলে কেউ একটি সম্পাদনা করে অন্যটি ভুলে গেলে সেগুলো আলাদা হয়ে যাওয়া সহজ। একটিকে মাস্টার বেছে নিন, সাধারণত হেক্স, আর দরকারে কনভার্টার দিয়ে অন্যটি বের করুন।
সম্পর্কিত কনভার্টার
একই পরিবারের টুলগুলো পাশের রূপান্তরগুলো ঢাকে। ফিরতে HEX থেকে RGB ব্যবহার করুন। হিউ দিয়ে বর্ণিত রঙের জন্য HEX থেকে HSL আর HSL থেকে HEX হাতের কাছে, আর ছাপার জন্য RGB থেকে CMYK, CMYK থেকে RGB আর CMYK থেকে HEX। একই স্টাইলশিটের আকারের জন্য px থেকে rem দৈর্ঘ্যের জন্য তা করে যা এই পাতা রঙের জন্য করে।
একটি কাজের উদাহরণ
ধরুন একটি ইমেজ এডিটরের কালার পিকার আপনাকে বলে একটি ছবির অ্যাকসেন্ট rgb(214, 98, 56)। আপনি তিনটি সংখ্যা টাইপ করে পড়েন #D66238। স্টাইলশিটে আপনি লেখেন --accent: #D66238 এবং বোতাম আর লিঙ্কের জন্য ব্যবহার করেন। একজন সহকর্মী জিজ্ঞাসা করেন ব্র্যান্ড গাইডে রংটি কী, আর আপনি কোডটি পাঠান। পরে একটি ব্যানারের জন্য আপনার একটি স্বচ্ছ সংস্করণ দরকার, এবং আপনি rgba(214, 98, 56, 0.15) বানাতে HEX থেকে RGB দিয়ে আবার রূপান্তর করেন। দুটি রূপান্তরই নিখুঁত, তাই ব্যানার বোতামের একই হিউয়ের।
একটি সংক্ষিপ্ত চেকলিস্ট
রূপান্তরের আগে
প্রতিটি সংখ্যা 0 আর 255-এর মধ্যে কি না যাচাই করুন। ঠিক করুন স্বচ্ছতা দরকার কি না।
রূপান্তরের সময়
তিনটি সংখ্যা টাইপ করুন, কোডটি পড়ুন এবং হ্যাশ চিহ্নসহ কপি করুন।
রূপান্তরের পর
রংটি প্রসঙ্গে, আসল পটভূমিতে পরীক্ষা করুন, এবং তার ওপর বসা যেকোনো লেখার কন্ট্রাস্ট যাচাই করুন।
সাধারণ ভুল
সামনের শূন্য বাদ দেওয়া
প্রতিটি জোড়ায় দুটি অঙ্ক। 7 হলো 07।
255-এর ওপরের সংখ্যা লেখা
সেগুলো দুই অঙ্কে লেখা যায় না। আগে সীমিত করুন।
পর্দাকে সত্য ধরা
সংখ্যাগুলো নিখুঁত। দেখতে কেমন তা ডিসপ্লের ওপর নির্ভর করে।
আপনার রং আপনার ডিভাইসেই থাকে
হিসাব হয় স্থানীয়ভাবে। আপনার মান ব্যবহার করে আপনার নিজের ব্রাউজার আর কিছুই কোথাও পাঠানো হয় না। পরে মোছার কিছু নেই আর বানানোর কোনো অ্যাকাউন্টও নেই। RGB থেকে HEX রূপান্তরের সহজ পথ এটাই।
সারসংক্ষেপ
এখানে RGB থেকে HEX রূপান্তর করতে তিনটি সংখ্যা টাইপ করুন আর তখনই হেক্স কোড পড়ুন। রূপান্তর রংটি নিখুঁতভাবে রাখে: হেক্স আর rgb() একই তিনটি সংখ্যার দুটি বানান, লাল, সবুজ ও নীলের জন্য 0 থেকে 255, তাই কিছুই আন্দাজ করা হয় না আর যাওয়া-আসা যা দিয়ে শুরু করেছিল তা-ই ফেরত দেয়। স্বচ্ছতার জন্য চতুর্থ মানও পার হয়, কারণ rgba() হয় #RRGGBBAA, আর উল্টো। দুটি বানানই বর্ণনা করে sRGB, তাই এর বাইরের রং বর্ণনা করতে পারে না। প্রতিটি জোড়ায় দুটি অঙ্ক, তাই 16-র নিচের একটি সংখ্যা সামনে শূন্য পায়। কিছু আপলোড হয় না।