HTML HSL এবং HSLA রঙ


HSL মানে হল হিউ, স্যাচুরেশন এবং লাইটনেস।

HSLA রঙের মান হল একটি আলফা চ্যানেল (অস্বচ্ছতা) সহ HSL এর একটি এক্সটেনশন।


HSL রঙের মান

HTML-এ, আকারে হিউ, স্যাচুরেশন এবং লাইটনেস (HSL) ব্যবহার করে একটি রঙ নির্দিষ্ট করা যেতে পারে:

rgb(hue, saturation, lightness)

হিউ হল 0 থেকে 360 পর্যন্ত রঙের চাকার একটি ডিগ্রী। 0 হল লাল, 120 হল সবুজ এবং 240 হল নীল।

স্যাচুরেশন একটি শতাংশ মান। 0% মানে ধূসর শেড, এবং 100% হল সম্পূর্ণ রঙ।

হালকাটাও একটি শতাংশ মান। 0% কালো, এবং 100% সাদা।

নীচে HSL মানগুলি মিশ্রিত করে পরীক্ষা করুন:

hsl(0, 100%, 50%)

HUE

0

SATURATION

100%

LIGHTNESS

50%

উদাহরণ:

hsl(0, 100%, 50%)
hsl(240, 100%, 50%)
hsl(147, 50%, 47%)
hsl(300, 76%, 72%)
hsl(39, 100%, 50%)
hsl(248, 53%, 58%)

স্যাচুরেশন

স্যাচুরেশনকে রঙের তীব্রতা হিসাবে বর্ণনা করা যেতে পারে।

100% বিশুদ্ধ রঙ, ধূসর কোন ছায়া নেই।

50% 50% ধূসর, কিন্তু আপনি এখনও রঙ দেখতে পারেন।

0% সম্পূর্ণ ধূসর; আপনি আর রঙ দেখতে পারবেন না।

উদাহরণ:

hsl(0, 100%, 50%)
hsl(0, 80%, 50%)
hsl(0, 60%, 50%)
hsl(0, 40%, 50%)
hsl(0, 20%, 50%)
hsl(0, 0%, 50%)

Lightness

একটি রঙের Lightness বর্ণনা করা যেতে পারে যে আপনি কতটা আলো রঙ দিতে চান, যেখানে 0% মানে আলো নেই (কালো), 50% মানে 50% আলো (অন্ধকার নয় বা আলোও নয়), এবং 100% মানে সম্পূর্ণ Lightness (সাদা)।

উদাহরণ:

hsl(0, 100%, 0%)
hsl(0, 100%, 25%)
hsl(0, 100%, 50%)
hsl(0, 100%, 75%)
hsl(0, 100%, 90%)
hsl(0, 100%, 100%)

Shades of Gray(ধূসর ছায়া)

ধূসর রঙের শেডগুলিকে প্রায়শই হিউ এবং স্যাচুরেশন 0 তে সেট করে এবং গাঢ়/হালকা শেড পেতে 0% থেকে 100% হালকাতা সামঞ্জস্য করে সংজ্ঞায়িত করা হয়:

উদাহরণ:

hsl(0, 0%, 20%)
hsl(0, 0%, 30%)
hsl(0, 0%, 40%)
hsl(0, 0%, 60%)
hsl(0, 0%, 70%)
hsl(0, 0%, 90%)

HSLA রঙের মান

HSLA রঙের মান হল HSL রঙের মানগুলির একটি এক্সটেনশন, একটি আলফা চ্যানেল সহ - যা একটি রঙের জন্য অস্বচ্ছতা নির্দিষ্ট করে।

একটি HSLA রঙের মান এর সাথে নির্দিষ্ট করা হয়েছে:

rgb(hue, saturation, lightness, alpha)

আলফা প্যারামিটার হল 0.0 (সম্পূর্ণ স্বচ্ছ) এবং 1.0 (মোটেও স্বচ্ছ নয়) এর মধ্যে একটি সংখ্যা:

নীচের HSLA মানগুলি মিশ্রিত করে পরীক্ষা করুন:

hsl(0, 100%, 50%, 0.5)

HUE

0

SATURATION

100%

LIGHTNESS

50%

AlPHA

0.5

উদাহরণ:

hsla(9, 100%, 64%, 0)
hsla(9, 100%, 64%, 0.2)
hsla(9, 100%, 64%, 0.4)
hsla(9, 100%, 64%, 0.6)
hsla(9, 100%, 64%, 0.8)
hsla(9, 100%, 64%, 1)