رنگ های RGBA در HTML
[vc_row][vc_column][vc_column_text]
رنگ RGBA در HTML برای طراحی وب
کد رنگ RGBA در واقع همان RGB است بااین تفاوت که یک مولفه جدیدی(alpha) به آن اضافه شده است و به جای 3 مقدار، 4 مقدار میپذیرد.
به وسیله آلفا میتوان میزان شفافیت رنگ ( شیشه ای کردن رنگ ها) را تعیین کرد.
شکل کلی کدرنگ RGBA بصورت زیر می باشد :
RGBA(red, green, blue, alpha)
برای آشنایی بیشتر با کد رنگ های RGB میتوانید از آموزش زیر استفاده کنید:
[/vc_column_text][vc_separator color=”white”][vc_btn title=”آشنایی با رنگ های RGB” color=”turquoise” size=”lg” align=”center” css_animation=”flipInY” link=”url:https%3A%2F%2Fupweb.ir%2F%25D8%25B1%25D9%2586%25DA%25AF-%25D9%2587%25D8%25A7%25DB%258C-rgb-%25D8%25AF%25D8%25B1-html%2F|target:_blank”][vc_separator color=”white”][vc_column_text]
شفاف سازی رنگ در HTML
پارامتر آلفا یک عدد بین 0.0 (کاملاً شفاف) و 1.0 به هیچ وجه شفاف نیست (نمایانگر خود رنگ بدون هیچگونه شفافیت)است.(همان از 0 تا 1)
برای مفهوم بیشتر به مثال زیرتوجه کنید:درزیر یک مقدار جدیدی که میزان شفافیت رنگ است و مقدار آن از 1 کمتر است، اضافه شده است ( 0 ،0.2 ، 0.4 ، 0.6 ،0.8) و در آخرین مثال از عدد 1 استفاده شده است که این نشان دهنده عدم شفافیت رنگ میباشد.
مثال:
|
1 2 3 4 5 6 |
<h1 style="background-color:rgba(255, 99, 71, 0);">rgba(255, 99, 71, 0)</h1> <h1 style="background-color:rgba(255, 99, 71, 0.2);">rgba(255, 99, 71, 0.2)</h1> <h1 style="background-color:rgba(255, 99, 71, 0.4);">rgba(255, 99, 71, 0.4)</h1> <h1 style="background-color:rgba(255, 99, 71, 0.6);">rgba(255, 99, 71, 0.6)</h1> <h1 style="background-color:rgba(255, 99, 71, 0.8);">rgba(255, 99, 71, 0.8)</h1> <h1 style="background-color:rgba(255, 99, 71, 1);">rgba(255, 99, 71, 1)</h1> |
نتیجه:
rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row]