HSL মানে হল হিউ, স্যাচুরেশন এবং লাইটনেস।
HSLA রঙের মান হল একটি আলফা চ্যানেল (অস্বচ্ছতা) সহ HSL এর একটি এক্সটেনশন।
HTML-এ, আকারে হিউ, স্যাচুরেশন এবং লাইটনেস (HSL) ব্যবহার করে একটি রঙ নির্দিষ্ট করা যেতে পারে:
rgb(hue, saturation, lightness)
হিউ হল 0 থেকে 360 পর্যন্ত রঙের চাকার একটি ডিগ্রী। 0 হল লাল, 120 হল সবুজ এবং 240 হল নীল।
স্যাচুরেশন একটি শতাংশ মান। 0% মানে ধূসর শেড, এবং 100% হল সম্পূর্ণ রঙ।
হালকাটাও একটি শতাংশ মান। 0% কালো, এবং 100% সাদা।
নীচে HSL মানগুলি মিশ্রিত করে পরীক্ষা করুন:
hsl(0, 100%, 50%)
HUE
SATURATION
LIGHTNESS
স্যাচুরেশনকে রঙের তীব্রতা হিসাবে বর্ণনা করা যেতে পারে।
100% বিশুদ্ধ রঙ, ধূসর কোন ছায়া নেই।
50% 50% ধূসর, কিন্তু আপনি এখনও রঙ দেখতে পারেন।
0% সম্পূর্ণ ধূসর; আপনি আর রঙ দেখতে পারবেন না।
একটি রঙের Lightness বর্ণনা করা যেতে পারে যে আপনি কতটা আলো রঙ দিতে চান, যেখানে 0% মানে আলো নেই (কালো), 50% মানে 50% আলো (অন্ধকার নয় বা আলোও নয়), এবং 100% মানে সম্পূর্ণ Lightness (সাদা)।
ধূসর রঙের শেডগুলিকে প্রায়শই হিউ এবং স্যাচুরেশন 0 তে সেট করে এবং গাঢ়/হালকা শেড পেতে 0% থেকে 100% হালকাতা সামঞ্জস্য করে সংজ্ঞায়িত করা হয়:
HSLA রঙের মান হল HSL রঙের মানগুলির একটি এক্সটেনশন, একটি আলফা চ্যানেল সহ - যা একটি রঙের জন্য অস্বচ্ছতা নির্দিষ্ট করে।
একটি HSLA রঙের মান এর সাথে নির্দিষ্ট করা হয়েছে:
rgb(hue, saturation, lightness, alpha)
আলফা প্যারামিটার হল 0.0 (সম্পূর্ণ স্বচ্ছ) এবং 1.0 (মোটেও স্বচ্ছ নয়) এর মধ্যে একটি সংখ্যা:
নীচের HSLA মানগুলি মিশ্রিত করে পরীক্ষা করুন:
hsl(0, 100%, 50%, 0.5)
HUE
SATURATION
LIGHTNESS
AlPHA