সিএসএস রং- ( CSS Colors ) [বাংলায় CSS মাস্টার ক্লাস]: আপনি আপনার CSS কোডের বিভিন্ন ধারনের রঙ দিয়ে আপনার টেক্সট কিংবা পেজ সাজাতে পারেন। বিভিন্ন ধরনের রঙ আছে এর মধ্যে HSL, RGBA, Hexadecimal, HSLA এগুলি আমরা ব্যবহার করে থাকি।
- HSL: রঙ, স্যাচুরেশন, হালকাতা এবং স্বচ্ছতা নিয়ন্ত্রণ করে। এইচএসএল আরজিবি কালার কোডের মতোই ফরম্যাট করা হয়েছে। (Example: hsl(10, 50%, 60%))
- RGBA: RGB-এর মতো, কিন্তু একটি অতিরিক্ত চতুর্থ মান সহ: আলফা চ্যানেল। আলফা মান স্বচ্ছতার স্তরের প্রতিনিধিত্ব করে। (Example: rgba(155, 50, 70, 0.5) )
- Hexadecimal: রঙের একটি ছয়-সংখ্যার উপস্থাপনা। এটি 0 থেকে F পর্যন্ত ছয়টি অক্ষর দ্বারা অনুসরণ করা # চিহ্ন দ্বারা চিহ্নিত করা হয়। (Example: #ff6347)
- HSLA: একটি আলফা চ্যানেলের সাথে HSL রঙের মানের একটি এক্সটেনশন। একটি HSLA রঙের মান এর সাথে নির্দিষ্ট করা হয়েছে: hsla(আভা, স্যাচুরেশন, লাইটনেস, আলফা)। (Example: hsla(10, 100%, 50%, 0.5))
সিএসএস রং- ( CSS Colors ) [বাংলায় CSS মাস্টার ক্লাস] সম্পর্কে বিস্তারিত নিচে দেওয়া হল।
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS MASTER JHUTANDA</title>
<!--https://jhutanda.com-->
<!--https://github.com/jhutanda-->
</head>
<body>
<style>
/* use one method in one time */
/* using rgb */
body {
background-color: rgb(red, green, blue);
}
body {
/* background-color: rgba(red, green, blue alpha); */
background-color: rgba(red, green, blue 0.5);
}
/* using hsl */
body {
/* background-color: hsl(hue, saturation, lightness); */
background-color: hsl(55, 75, 100);
}
body {
/* background-color: hsla(hue, saturation, lightness alpha); */
background-color: hsla(50, 140, 70, 0.6);
}
/* using hex */
body {
background-color: #ffffff;
}
</style>
</body>
</html>