رنگ RGBA در HTML برای طراحی وب
کد رنگ RGBA در واقع همان RGB است بااین تفاوت که یک مولفه جدیدی(alpha) به آن اضافه شده است و به جای 3 مقدار، 4 مقدار میپذیرد.
به وسیله آلفا میتوان میزان شفافیت رنگ ( شیشه ای کردن رنگ ها) را تعیین کرد.
برای آشنایی بیشتر با کد رنگ های RGB میتوانید از آموزش زیر استفاده کنید
شفاف سازی رنگ در HTML
پارامتر آلفا یک عدد بین 0.0 (کاملاً شفاف) و 1.0 به هیچ وجه شفاف نیست (نمایانگر خود رنگ بدون هیچگونه شفافیت)است.(همان از 0 تا 1)
برای مفهوم بیشتر به مثال زیرتوجه کنید:
درزیر یک مقدار جدیدی که میزان شفافیت رنگ است و مقدار آن از 1 کمتر است، اضافه شده است ( 0 ،0.2 ، 0.4 ، 0.6 ،0.8) و در آخرین مثال از عدد 1 استفاده شده است که این نشان دهنده عدم شفافیت رنگ میباشد.
مثال:
<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>