دستور rgba() CSS

مثال

تعریف رنگ‌های RGB با شفافیت مختلف (RGBA):

#p1 {background-color:rgba(۲۵۵,۰,۰,۰.۳);} /* قرمز با شفافیت */
#p2 {background-color:rgba(۰,۲۵۵,۰,۰.۳);} /* سبز با شفافیت */
#p3 {background-color:rgba(۰,۰,۲۵۵,۰.۳);} /* آبی با شفافیت */

آزمایش کنید

تعریف و استفاده

دستور rgba() رنگ را با استفاده از مدل Red-green-blue-alpha (RGBA) تعریف می‌کند.

مقدار رنگ RGBA گسترش رنگ RGB است که کانال آلفا قابل تعیین برای شفافیت رنگ دارد.

نسخه: CSS3

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

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

دستور
rgba() ۱.۰ ۹.۰ ۳.۰ ۳.۱ ۱۰.۰

نحوه‌ی نوشتن CSS

rgba(red, green, blue, alpha)
مقدار توضیحات
red مقدار شدت قرمز را بین ۰ تا ۲۵۵ به عنوان عدد صحیح یا بین ۰٪ تا ۱۰۰ به عنوان درصد تعریف می‌کنند.
green مقدار شدت سبز را بین ۰ تا ۲۵۵ به عنوان عدد صحیح یا بین ۰٪ تا ۱۰۰ به عنوان درصد تعریف می‌کنند.
blue مقدار شدت آبی را بین ۰ تا ۲۵۵ به عنوان عدد صحیح یا بین ۰٪ تا ۱۰۰ به عنوان درصد تعریف می‌کنند.
alpha شفافیت را به عددی بین 0.0 (کاملاً شفاف) و 1.0 (کاملاً ناپрозا) تعریف می‌کنند.