Jhutanda

সিএসএস রং- ( CSS Colors ) [বাংলায় CSS মাস্টার ক্লাস]

সিএসএস রং- ( 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>

Scroll to Top