এইচটিএমএল কালার বা রঙগুলি পূর্বনির্ধারিত রঙের নাম বা RGB, HEX, HSL, RGBA বা HSLA মান সহ নির্দিষ্ট করা হয়।
রঙের নাম
এইচটিএমএলে, কোনও রঙ একটি রঙের নাম ব্যবহার করে নির্দিষ্ট করা যেতে পারে। তবে বাংলায় নয়, আমাদের ইংরেজিতে রংএর নাম গুলো ব্যবহার করা লাগবে ।
এইচটিএমএল ১৪০ প্রকার রংএর নাম সাপোর্ট করে
ব্যাকগ্রাউন্ড কালার
আপনি এইচটিএমএল উপাদানগুলির জন্য ব্যাকগ্রাউন্ড বা পটভূমি রঙ সেট করতে পারেন। আমরা style tag ব্যবহার করেছি ।
হ্যালো ওয়ার্ল্ড
কিছু এলো মেলো লেখা যেখানে আমরা ব্যাকগ্রাউন্ড ও রং ব্যবহার করেছি । আমরা HTML Color শিখছি এখন 🙂
<h2 style="background:mediumseagreen ">হ্যালো ওয়ার্ল্ড</h2>
<p style="background:Tomato ">
কিছু এলো মেলো ...
</p>
লেখার রঙ
আপনি লেখার রঙ সেট করতে পারেন:
Hello World
Some text as a sample of HTML Text Color
এইচটিএমএল টেক্সেট রঙের নমুনা হিসাবে কিছু লেখা
<h1 style="color:red">Hellow World</h1> <p style="color:green">Some text as a sample of HTML Text Color</p> <p style="color:blue">এইচটিএমএল টেক্সেট রঙের নমুনা হিসাবে কিছু লেখা</p>
বর্ডার কালার বা সীমান্ত রঙ
আপনি সীমানার রঙ সেট করতে পারেন:
এইচটিএমএল বর্ডার কালার
<h2 style="border:2px solid red">এইচটিএমএল বর্ডার কালার</h2> <h2 style="border:2px solid green">এইচটিএমএল বর্ডার কালার</h2> <h2 style="border:2px solid blue">এইচটিএমএল বর্ডার কালার</h2>
Color Values
এইচটিএমএল এ রং গুলো শুধু নাম নয়, রংএর ভেলু ব্যবহার করেও যোগ করা যায় এবং সেগুলো কয়েক ভাবে করা যায় সেগুলো RGB values, HEX values, HSL values, RGBA values, and HSLA values.
নিচের তিনটি বক্সের RGB, HEX এবং HSL মান গুলির সাথে তাদের পটভূমির রঙ সেট রয়েছে:
নিম্নলিখিত দুটি বক্সের পটভূমির রঙটি RGB এবং HSL মানগুলির সাথে সেট করা আছে, যা রঙে একটি আলফা চ্যানেল যুক্ত করে (এখানে আমাদের 50% স্বচ্ছতা রয়েছে):
দেখে নিন ১৪০ প্রকার রং এর নাম