Html Colors in Bengali | এইচটিএমএল কালার কোড টিউটোরিয়াল

HTML COLORS

Html এ কালার কোডিং পদ্ধতিঃ- 

HTML একটি ওয়েব পৃষ্ঠার উপাদানগুলির জন্য রঙ নির্দিষ্ট করার বিভিন্ন উপায় প্রদান করে। এখানে HTML-এ কিছু সাধারণভাবে ব্যবহৃত কালার কোডিং পদ্ধতি রয়েছেঃ- 

1. Named Colors:

HTML এর পূর্বনির্ধারিত রঙের নামের একটি সেট রয়েছে যা আপনি সরাসরি আপনার HTML কোডে ব্যবহার করতে পারেন। উদাহরণ স্বরূপঃ- 

<p style="color: red;">This text is red</p>

এই উদাহরণে, টেক্সট রঙকে লালে পরিবর্তন করতে রঙের বৈশিষ্ট্যটি "red" নামক রঙে সেট করা হয়েছে।

2. Hexadecimal Colors: 

হেক্সাডেসিমেল (হেক্স) রং হল ছয়-সংখ্যার হেক্সাডেসিমেল কোডের সংমিশ্রণ ব্যবহার করে রঙ নির্দিষ্ট করার একটি উপায়। অঙ্কের প্রতিটি জোড়া যথাক্রমে রঙের লাল, সবুজ এবং নীল (RGB) উপাদানগুলির তীব্রতা উপস্থাপন করে। উদাহরণ স্বরূপঃ- 

<p style="color: #FF0000;">This text red</p>

এই উদাহরণে, রঙের বৈশিষ্ট্যটি হেক্সাডেসিমেল রঙের কোড "#FF0000"-এ সেট করা হয়েছে যাতে টেক্সটের রঙ লাল করা হয়।

3. RGB Colors: 

RGB রং হল HTML-এ রং নির্দিষ্ট করার আরেকটি উপায়, রঙের লাল, সবুজ এবং নীল উপাদানের মান ব্যবহার করে। মান 0 থেকে 255 পর্যন্ত, যেখানে 0 কোন তীব্রতা উপস্থাপন করে না এবং 255 সম্পূর্ণ তীব্রতার প্রতিনিধিত্ব করে। উদাহরণ স্বরূপঃ- 

<p style="color: rgb(255, 0, 0);">This Text is Red</p>

এই উদাহরণে, রঙের বৈশিষ্ট্যটি RGB মান "255, 0, 0" তে টেক্সট রঙ লাল পরিবর্তন করতে সেট করা হয়েছে।

RGBA Colors: 

আরজিবিএ রঙগুলি আরজিবি রঙের মতো তবে একটি অতিরিক্ত আলফা (অস্বচ্ছতা) উপাদান সহ। আলফা মান 0 থেকে 1 পর্যন্ত, যেখানে 0 সম্পূর্ণ স্বচ্ছ এবং 1 সম্পূর্ণ অস্বচ্ছ উপস্থাপন করে। উদাহরণ স্বরূপঃ- 

<p style="color: rgba(255, 0, 0, 0.5);">This text is in semi-transparent red.</p>

এই উদাহরণে, রঙের বৈশিষ্ট্যটি RGBA মান "255, 0, 0, 0.5"-এ সেট করা হয়েছে যাতে পাঠ্যের রঙ আধা-স্বচ্ছ লালে পরিবর্তন করা হয়।

এগুলি হল এইচটিএমএল-এ সাধারণভাবে ব্যবহৃত কিছু কালার কোডিং পদ্ধতি। আপনি এমন পদ্ধতি বেছে নিতে পারেন যা আপনার ওয়েব পৃষ্ঠার জন্য আপনার চাহিদা এবং ডিজাইনের প্রয়োজনীয়তার জন্য সবচেয়ে উপযুক্ত।

Html Colors - Color Name:-

HTML পূর্বনির্ধারিত রঙের নামের একটি সেট সরবরাহ করে যা আপনি উপাদানগুলির জন্য রঙ নির্দিষ্ট করতে সরাসরি আপনার HTML কোডে ব্যবহার করতে পারেন। এখানে HTML এ রঙের নামের কিছু উদাহরণ রয়েছেঃ- 

Red: red

Green: green

Blue: blue

Yellow: yellow

Orange: orange

Pink: pink

Purple: purple

Brown: brown

Gray: Gray or grey

White: white

Black: black

আপনি এই রঙের নামগুলি বিভিন্ন CSS বৈশিষ্ট্যের মান হিসাবে ব্যবহার করতে পারেন, যেমন পাঠ্য রঙের জন্য রঙ,পেছনের রং পটভূমির রঙ এবং অন্যান্য প্রযোজ্য বৈশিষ্ট্যের জন্য। উদাহরণ স্বরূপঃ- 

<p style="color: red;">This text is in red.</p> <div style="background-color: blue; color: white;">This div has a blue background and white text color.</div>

মনে রাখবেন যে HTML-এ রঙের নামগুলি অক্ষর-সংবেদনশীল, তাই আপনি রঙের নাম নির্দিষ্ট করার সময় বড় হাতের বা ছোট হাতের অক্ষর ব্যবহার করতে পারেন। 

যাইহোক, সামঞ্জস্য এবং পাঠযোগ্যতার জন্য সাধারণত ছোট হাতের অক্ষর ব্যবহার করার পরামর্শ দেওয়া হয়।

W3C Standard 16 Colors:

ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম (W3C) স্ট্যান্ডার্ড 16 রঙ, যা "ওয়েব-নিরাপদ রং" বা "ব্রাউজার-নিরাপদ রং" নামেও পরিচিত, রঙের একটি সেট যা বিভিন্ন জুড়ে সামঞ্জস্যপূর্ণ রঙ রেন্ডারিং নিশ্চিত করার জন্য প্রাথমিক ওয়েব ডিজাইনে ব্যাপকভাবে ব্যবহৃত হয়েছিল। ব্রাউজার এবং অপারেটিং সিস্টেম। 

এই রঙগুলি বেছে নেওয়া হয়েছিল কারণ এগুলিকে সাধারণ রঙ হিসাবে বিবেচনা করা হয়েছিল যেগুলি বিভিন্ন রঙের ক্ষমতা সহ বিভিন্ন ডিভাইসে আলাদাভাবে প্রদর্শিত হওয়ার সম্ভাবনা কম ছিল ৷

The W3C standard 16 colors are:

Black: #000000

Navy: #000080

Green: #008000

Teal: #008080

Maroon: #800000

Purple: #800080

Olive: #808000

Gray: #808080

Silver: #C0C0C0

Red: #FF0000

Lime: #00FF00

Yellow: #FFFF00

Blue: #0000FF

Fuchsia: #FF00FF

Aqua: #00FFFF

White: #FFFFFF

বিভিন্ন ওয়েব ব্রাউজার এবং ডিভাইস জুড়ে সামঞ্জস্যপূর্ণ রঙ রেন্ডারিং নিশ্চিত করতে এই রঙগুলি সরাসরি আপনার HTML কোড বা CSS শৈলীতে ব্যবহার করা যেতে পারে।

যাইহোক, আধুনিক ওয়েব প্রযুক্তির অগ্রগতি এবং ব্রাউজারগুলির উন্নত রঙের রেন্ডারিং ক্ষমতার সাথে, ওয়েব-নিরাপদ রঙের কঠোর আনুগত্যের আর প্রয়োজন নেই, এবং ওয়েব ডিজাইনার এবং বিকাশকারীদের তাদের ওয়েব পৃষ্ঠাগুলির জন্য রঙ চয়ন করার ক্ষেত্রে আরও নমনীয়তা রয়েছে ৷

Html Colors- Hex Codes:

এইচটিএমএল-এ, হেক্সাডেসিমেল (হেক্স) কোডগুলি সাধারণত রঙ নির্দিষ্ট করতে ব্যবহৃত হয়। 

হেক্স কোড হল ছয়-সংখ্যার কোড যা ছয়টি হেক্সাডেসিমেল ডিজিটের (0-9 এবং A-F) সংমিশ্রণ ব্যবহার করে রঙের প্রতিনিধিত্ব করে, যেখানে প্রতিটি অঙ্কের জোড়া রঙের লাল, সবুজ এবং নীল (RGB) উপাদানগুলির তীব্রতা উপস্থাপন করে।

একটি হেক্স কোডের বিন্যাস হল "#RRGGBB", যেখানে RR লাল উপাদান, GG সবুজ উপাদান এবং BB নীল উপাদানকে প্রতিনিধিত্ব করে। 

প্রতিটি উপাদানের 00 (সর্বনিম্ন তীব্রতা) থেকে FF (সর্বোচ্চ তীব্রতা) পর্যন্ত একটি মান থাকতে পারে, যা প্রতিটি RGB উপাদানের জন্য মোট 256 সম্ভাব্য তীব্রতার মাত্রা উপস্থাপন করে।

এখানে HTML-এ সাধারণ রঙের জন্য হেক্স কোডের কিছু উদাহরণ রয়েছেঃ- 

Red: #FF0000

Green: #008000

Blue: #0000FF

Yellow: #FFFF00

Orange: #FFA500

Pink: #FFC0CB

Purple: #800080

Brown: #A52A2A

Gray: #808080

White: #FFFFFF

Black: #000000

আপনি বিভিন্ন CSS বৈশিষ্ট্যের মান হিসাবে হেক্স কোড ব্যবহার করতে পারেন, যেমনরঙ পাঠ্য রঙের জন্য,পেছনের রং আপনার HTML এবং CSS কোডে সুনির্দিষ্ট রং নির্দিষ্ট করতে পটভূমির রঙ এবং অন্যান্য প্রযোজ্য বৈশিষ্ট্যের জন্য।

Html Colors- RGB Values:

HTML-এ, RGB (লাল, সবুজ, নীল) মানগুলি রঙ নির্দিষ্ট করতে ব্যবহার করা যেতে পারে।

 

RGB মানগুলি 0 থেকে 255 পর্যন্ত তিনটি পূর্ণসংখ্যার সংমিশ্রণ হিসাবে রঙগুলিকে উপস্থাপন করে, যেখানে প্রতিটি পূর্ণসংখ্যা যথাক্রমে রঙের লাল, সবুজ এবং নীল উপাদানগুলির তীব্রতা উপস্থাপন করে।

একটি RGB মানের বিন্যাস হল "rgb(R, G, B)", যেখানে R দ্বারা লাল উপাদান, G সবুজ উপাদান এবং B নীল উপাদানকে প্রতিনিধিত্ব করে। 

প্রতিটি উপাদানের 0 (সর্বনিম্ন তীব্রতা) থেকে 255 (সর্বোচ্চ তীব্রতা) পর্যন্ত একটি মান থাকতে পারে, যা প্রতিটি RGB উপাদানের জন্য মোট 256 সম্ভাব্য তীব্রতার মাত্রা উপস্থাপন করে।

এখানে HTML-এ সাধারণ রঙের জন্য RGB মানগুলির কিছু উদাহরণ রয়েছেঃ- 

Red: rgb(255, 0, 0)

Green: rgb(0, 128, 0)

Blue: rgb(0, 0, 255)

Yellow: rgb(255, 255, 0)

Orange: rgb(255, 165, 0)

Pink: rgb(255, 192, 203)

Purple: rgb(128, 0, 128)

Brown: rgb(165, 42, 42)

Gray: rgb(128, 128, 128)

White: rgb(255, 255, 255)

Black: 

rgb(0, 0, 0)আপনি বিভিন্ন CSS বৈশিষ্ট্যের মান হিসাবে RGB মান ব্যবহার করতে পারেন, যেমনরঙ পাঠ্য রঙের জন্য,পেছনের রং আপনার HTML এবং CSS কোডে সুনির্দিষ্ট রং নির্দিষ্ট করতে পটভূমির রঙ এবং অন্যান্য প্রযোজ্য বৈশিষ্ট্যের জন্য।

Browser Safe Colors:

"ব্রাউজার নিরাপদ রং" শব্দটি 216 রঙের একটি সেটকে বোঝায় যা ইন্টারনেটের প্রথম দিনগুলিতে ওয়েব ডিজাইনে ব্যবহার করা নিরাপদ বলে বিবেচিত হয়েছিল যখন প্রদর্শনগুলি 8-বিট বা 256-রঙের প্যালেটগুলিতে সীমাবদ্ধ ছিল। 

ব্যবহারকারীর মনিটরের রঙের ক্ষমতা নির্বিশেষে ওয়েব পৃষ্ঠাগুলি বিভিন্ন প্ল্যাটফর্ম এবং ব্রাউজার জুড়ে ধারাবাহিকভাবে প্রদর্শিত হবে তা নিশ্চিত করার জন্য এই রঙগুলি বেছে নেওয়া হয়েছিল।

তবে প্রযুক্তির অগ্রগতি এবং আধুনিক ডিসপ্লে লাখ লাখ রঙ প্রদর্শনে সক্ষম, এর ধারণাব্রাউজার-নিরাপদ রং আর প্রাসঙ্গিক নয়। 

বেশিরভাগ আধুনিক ওয়েব ব্রাউজার এবং ডিভাইস RGB রঙের জায়গায় উপলব্ধ 16.7 মিলিয়ন রঙের সম্পূর্ণ পরিসরকে সমর্থন করে এবং ওয়েব ডিজাইনাররা রঙের একটি ছোট সেটের মধ্যে সীমাবদ্ধ নয়।

বলা হচ্ছে, আপনি যদি সীমিত রঙের ক্ষমতা থাকতে পারে এমন পুরানো ডিভাইস বা ব্রাউজারগুলিতে সর্বাধিক সামঞ্জস্যতা নিশ্চিত করতে চান তবে আপনি এখনও ঐতিহ্যগত 216" ব্যবহার করতে পারেনওয়েব নিরাপদ" রং। 

এই রংগুলি হেক্সাডেসিমেল (হেক্স) মান ব্যবহার করে নির্দিষ্ট করা হয়েছে এবং এতে ধূসর রঙের বিভিন্ন শেডের পাশাপাশি লাল, সবুজ, নীল, হলুদ, কমলা, বেগুনি এবং বাদামী রঙের বিভিন্ন বর্ণ অন্তর্ভুক্ত রয়েছে।

এখানে কিছু উদাহরণ আছে ব্রাউজার-নিরাপদ হেক্সাডেসিমেল বিন্যাসে রং:

#000000 (Black)

#FF0000 (Red)

#00FF00 (Green)

#0000FF (Blue)

#FFFF00 (Yellow)

#FFA500 (Orange)

#FF00FF (Purple)

#800080 (Purple)

#800000 (Maroon)

#008000 (Green)

#808000 (Olive)

#808080 (Gray)

#C0C0C0 (Silver)

#FFFFFF (White) এটি লক্ষণীয় যে আধুনিক ওয়েব ডিজাইন অনুশীলনগুলি সাধারণত নির্ভর করে নাব্রাউজার-নিরাপদ এখন আর রং, যেহেতু আধুনিক ডিসপ্লেগুলি রঙের বিস্তৃত পরিসর প্রদর্শন করতে সক্ষম। 

পরিবর্তে, ওয়েব ডিজাইনাররা সাধারণত তাদের ডিজাইনের প্রয়োজনীয়তা এবং টার্গেট ডিভাইস এবং ব্রাউজারগুলির ক্ষমতার উপর ভিত্তি করে হেক্সাডেসিমেল বা RGB মান ব্যবহার করে রঙ নির্দিষ্ট করে।