تابع rgba() در CSS نسخه پیشرفته تابع rgb است که امکان تعریف شفافیت (Alpha) رنگ را اضافه میکند. با rgba میتوانید رنگها را با سطح شفافیت دلخواه طراحی کرده و افکتهای نیمه شفاف روی عناصر وب ایجاد کنید. برای یادگیری بیشتر و مثالهای عملی، به دوره آموزش CSS مراجعه کنید.
پارامترهای تابع rgba
| پارامتر | توضیح |
|---|---|
| Red | مقدار رنگ قرمز (0-255 یا درصد) |
| Green | مقدار رنگ سبز (0-255 یا درصد) |
| Blue | مقدار رنگ آبی (0-255 یا درصد) |
| Alpha | شفافیت رنگ بین 0 تا 1 (0 = کاملاً شفاف، 1 = کاملاً غیر شفاف) |
مثال عملی تابع rgba
.box {
background-color: rgba(52, 152, 219, 0.6);
width: 200px;
height: 200px;
}نکات مهم
- مقدار Alpha مقدار شفافیت رنگ را کنترل میکند و برای overlay و افکتهای نیمه شفاف کاربرد دارد.
- پارامترهای Red، Green و Blue مشابه تابع rgb هستند.
- rgba پایهای برای ایجاد رنگهای شفاف و ترکیبی در وب است.
- میتوان rgba را با دیگر توابع رنگی و متغیرهای CSS ترکیب کرد.
ادامه آموزش
برای یادگیری کامل توابع رنگی و ایجاد طراحی حرفهای، حتماً دوره آموزش CSS را مشاهده کنید.
آموزش قبلی: آموزش تابع rgb در CSS
آموزش بعدی: آموزش تابع linear-gradient در CSS
دیدگاه و پرسش