HTML কালারস
HTML-এর রঙগুলি পূর্বনির্ধারিত রঙের নাম দিয়ে(পূর্বনির্ধারিত রঙের নাম বলতে আমরা জানি লাল কে red নামে এবং নীলকে blue নামে এগুলো হলো পূর্বনির্ধারিত রঙের নাম) বা RGB, HEX, HSL, RGBA, বা HSLA মানগুলির সাথে নির্দিষ্ট করা হয়।
রঙের নাম
HTML এ, একটি রঙের নাম ব্যবহার করে একটি রঙ নির্দিষ্ট করা যেতে পারে:
HTML 140টি আদর্শ রঙের নাম সমর্থন করে।
Background Color
আপনি HTML উপাদানগুলির জন্য পটভূমির রঙ সেট করতে পারেন:
hello world
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
উদাহরণ:
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Text Color
আপনি পাঠ্যের রঙ সেট করতে পারেন:
Hello World
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam eum debitis minima distinctio vitae omnis, dolor ipsa rerum ea quis.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo perferendis quos dolorem tenetur suscipit. Dolore, voluptas.
উদাহরণ:
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
Border Color
আপনি সীমানার রঙ সেট করতে পারেন:
Hello World
Hello World
Hello World
উদাহরণ:
<h1 style="border:2px
solid Tomato;">Hello
World</h1>
<h1 style="border:2px
solid DodgerBlue;">Hello
World</h1>
<h1 style="border:2px
solid Violet;">Hello
World</h1>
Color Values
HTML-এ, RGB মান, HEX মান, HSL মান, RGBA মান এবং HSLA মান ব্যবহার করে রঙগুলিও নির্দিষ্ট করা যেতে পারে।
নিম্নলিখিত তিনটি <div> উপাদানগুলির পটভূমির রঙ RGB, HEX, এবং HSL মানগুলির সাথে সেট করা আছে:
rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
নিম্নলিখিত দুটি <div> উপাদানগুলির পটভূমির রঙ RGBA এবং HSLA মান সহ সেট করা আছে, যা রঙে একটি আলফা চ্যানেল যুক্ত করে (এখানে আমাদের 50% স্বচ্ছতা রয়েছে):
rgb(255, 99, 71)
hsl(9, 100%, 64%)
উদাহরণ:
<h1 style="background-color:rgb(255,
99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9,
100%, 64%);">...</h1>
<h1 style="background-color:rgba(255,
99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9,
100%, 64%, 0.5);">...</h1>
রঙের মান সম্পর্কে আরও জানুন
আপনি পরবর্তী অধ্যায়ে RGB, HEX এবং HSL সম্পর্কে আরও শিখবেন।
