অ-মৌখিকভাবে তথ্য জানাতে রং একটি গুরুত্বপূর্ণ ভূমিকা পালন করে। ইন্টারেক্টিভ রঙ সহ একটি ওয়েবসাইট আকর্ষণীয় এবং দৃষ্টিকটু বলে মনে করা হয়। HTML উপাদানগুলির জন্য রঙ প্রয়োগ করার বিভিন্ন পদ্ধতি রয়েছে: RGB, RGBA, HEX কোড, HSLA এবং HSL। যাইহোক, আপনি পৃষ্ঠাটি পরিদর্শন করে, রঙ চয়নকারী থেকে রঙ নির্বাচন করে বা বিকাশকারী টুল প্যানেল থেকে আই ড্রপার বৈশিষ্ট্য ব্যবহার করে রঙের কোডগুলি খুঁজে পেতে পারেন।
এই গবেষণায়, আমরা HTML-এ রঙের কোড খোঁজার পদ্ধতি নিয়ে আলোচনা করব
পদ্ধতি 1: ওয়েব পৃষ্ঠা পরিদর্শন করে HTML এ একটি রঙের কোড খুঁজুন
পৃষ্ঠাটি পরিদর্শন করে রঙের কোড খুঁজে বের করার ধাপগুলো নিচে দেওয়া হল।
ধাপ 1: ওয়েব পেজ খুলুন
প্রথমে, প্রয়োজনীয় ওয়েব পেজ খুলুন:
ধাপ 2: পরিদর্শন বিকল্প নির্বাচন করুন
পৃষ্ঠায় ডান-ক্লিক করুন এবং নির্বাচন করুন ' পরিদর্শন করুন 'মেনু থেকে বিকল্প, যা 'এ অ্যাক্সেস প্রদান করবে' ডেভেলপার টুলস 'প্যানেল:
ফলস্বরূপ, ' উপাদান ” ট্যাব ব্রাউজারের নীচে প্রদর্শিত হবে:
ধাপ 3: বিকাশকারী টুল প্যানেলের স্থান সামঞ্জস্য করুন
কোণ থেকে তিনটি বিন্দুতে ক্লিক করে, আপনি প্যানেলের স্থান নির্বাচন করতে পারেন। উদাহরণস্বরূপ, আমরা সবুজ হাইলাইট আইকন নির্বাচন করেছি। তদুপরি, পরিদর্শন উইন্ডোটির কোণগুলি টেনে পুনরায় আকার দেওয়া যেতে পারে:
ধাপ 4: পরিদর্শনের জন্য উপাদান নির্বাচন করুন
তারপরে, আপনি যে উপাদানটি পরিদর্শন করতে চান তা নির্বাচন করতে হাইলাইট করা আইকনে ক্লিক করুন:
ধাপ 5: উপাদান নির্বাচন করুন
যে উপাদানটির কালার কোড খুঁজে বের করতে হবে সেটিকে হোভার করুন এবং সেটিতে ক্লিক করুন। ফলস্বরূপ, ' শৈলী ” ট্যাব খোলে এবং নির্বাচিত উপাদানের স্টাইলিং বৈশিষ্ট্যগুলি প্রদর্শন করে, যেখান থেকে আপনাকে সবুজ হাইলাইট বাক্স দ্বারা দেখানো রঙটি নির্বাচন করতে হবে:
ধাপ 6: কালার পিকার থেকে কালার বেছে নিন
খোলা রঙ চয়নকারী উইন্ডো থেকে রঙ কোড অনুলিপি করুন:
নীচের চিত্রটি নির্দেশ করে যে আমরা লাল রঙ দ্বারা হাইলাইট করা ছোট রঙের বাক্সগুলিতে ক্লিক করেও রঙ নির্বাচন করতে পারি। যেখানে হলুদ বাক্সটি একটি পয়েন্টারকে প্রতিনিধিত্ব করে যা নির্বাচিত উপাদানের রঙ দেখতে ধীরে ধীরে পরিবর্তিত হয়:
ধাপ 7: রঙের অস্বচ্ছতা সামঞ্জস্য করুন
নীচের GIF-তে প্রদর্শিত হিসাবে আপনি রঙের অস্বচ্ছতাও সামঞ্জস্য করতে পারেন:
পদ্ধতি 2: আই ড্রপার বৈশিষ্ট্য ব্যবহার করে HTML এ একটি রঙের কোড খুঁজুন
আই ড্রপার বৈশিষ্ট্যটি ওয়েব পৃষ্ঠা থেকে যেকোনো রঙ বাছাই করতেও ব্যবহার করা যেতে পারে। এই বৈশিষ্ট্যটি খুব সুবিধাজনক কারণ এটি প্রদর্শিত উইন্ডোর যেকোনো জায়গা থেকে একটি রঙ নির্বাচন করতে পারে।
বিঃদ্রঃ: চোখের ড্রপার বৈশিষ্ট্যটি নীচের ছবিতে লাল হাইলাইট করা বাক্স দ্বারা প্রতিনিধিত্ব করা হয়েছে:
এখানে আই ড্রপার টুলের কাজের একটি প্রদর্শন রয়েছে:
আপনার উপাদানের জন্য রঙ নির্বাচন করার পরে, রঙের কোডটি অনুলিপি করুন এবং আপনার প্রকল্পের CSS এ পেস্ট করুন।
উপসংহার
HTML উপাদানগুলির জন্য রঙ প্রয়োগ করার বিভিন্ন পদ্ধতি রয়েছে: RGB, RGBA, HEX কোড, HSLA এবং HSL। আপনি 'এর মাধ্যমে রঙের কোডগুলি খুঁজে পেতে পারেন পরিদর্শন 'যেকোন ওয়েব পেজ বা 'থেকে রং নির্বাচন করে রঙ চয়নকারী ' এবং ' ব্যবহার করে আই ড্রপার ' বৈশিষ্ট্য। এই নিবন্ধটি বিস্তারিত উদাহরণ সহ HTML-এ রঙের কোড খোঁজার পদ্ধতি প্রদর্শন করেছে।