CSS hsla() ফাংশন

ইনস্ট্যান্স

অস্তরহীন বিভিন্ন HSL রঙ নির্দেশ করুন:

#p1 {background-color:hsla(120,100%,50%,0.3);} /* সবুজ */
#p2 {background-color:hsla(120,100%,75%,0.3);} /* সবুজ */
#p3 {background-color:hsla(120,100%,25%,0.3);} /* গভীর সবুজ */
#p4 {background-color:hsla(120,60%,70%,0.3);} /* হালকা সবুজ */

স্বয়ং প্রয়োগ করুন

ডিফাইনিশন ও ব্যবহার

hsla() ফাংশনটি হিউ-সেটিউয়েশন-লাইটনেস-অ্যালফা (HSLA) মডেল (HSLA) ব্যবহার করে রঙ নির্দেশ করে

HSLA রঙ মান HSL রঙ মানের একটি সম্প্রসারণ, যাতে একটি অ্যালফা চ্যানেল রয়েছে - এই চ্যানেলটি রঙের অস্তরকে নির্দেশ করে

সংস্করণ: CSS3

ব্রাউজার সমর্থন

টেবিলের সংখ্যা থেকে দেখা যায় যে, কোন ব্রাউজারের প্রথম সংস্করণটি এই ফাংশনটির সম্পূর্ণ সমর্থন করে

ফাংশন
hsla() 1.0 9.0 3.0 3.1 10.0

CSS য়াক্স

hsla(hue, saturation, lightness, alpha)
মান ডিসক্রিপশন
hue ডিফাইনিশন ক্লারক্যাটার রিংয়ের ড্রেজ (0 থেকে 360)- 0 (বা 360) হল লাল, 120 হল সবুজ, 240 হল নীল
saturation ডিফাইনিশন সেটিউয়েশন - 0% হল গ্রে এবং 100% হল ফুল রঙ (পূর্ণ সেটিউয়েশন)
lightness আলোকমান নির্দিষ্ট করুন - 0% হল কালো, 50% হল সাধারণ, 100% হল সাদা।
alpha অস্পষ্টতা নির্দিষ্ট করুন - 0.0 (সম্পূর্ণ স্পষ্ট) থেকে 1.0 (সম্পূর্ণ অস্পষ্ট) মধ্যের সংখ্যা。