تابع hsla() CSS

مثال

تعریف رنگ‌های 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 یک گسترش از مقدار رنگ HSL است که کانال آلفا را نیز دارد - این کانال میزان شفافیت رنگ را مشخص می‌کند.

نسخه: CSS3

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این قابلیت پشتیبانی می‌کند.

تابع
hsla() ۱.۰ ۹.۰ ۳.۰ ۳.۱ ۱۰.۰

زبان CSS

hsla(نواختی, رنگ‌پرایی, نواختی, alpha)
مقدار توضیح
نواختی تعریف درجه چرخه رنگ (از ۰ تا ۳۶۰) - ۰ (یا ۳۶۰) قرمز است، ۱۲۰ سبز است و ۲۴۰ آبی است.
رنگ‌پرایی تعریف رنگ‌پرایی - ۰٪ خاکستری است و ۱۰۰٪ رنگ‌های کامل (کاملاً رنگ‌پرای) است.
نواختی 亮度 را تعریف می‌کند - 0% سیاه است، 50% عادی و 100% سفید است.
alpha اعداد بینامفهوم‌گرا برای شفافیت، بین 0.0 (کاملاً شفاف) و 1.0 (کاملاً غیرشفاف) تعریف می‌شود.