رنگ های RGBA در HTML
رنگ RGBA در HTML برای طراحی وب
کد رنگ RGBA در واقع همان RGB است بااین تفاوت که یک مولفه جدیدی(alpha) به آن اضافه شده است و به جای 3 مقدار، 4 مقدار میپذیرد.
به وسیله آلفا میتوان میزان شفافیت رنگ ( شیشه ای کردن رنگ ها) را تعیین کرد.
شکل کلی کدرنگ RGBA بصورت زیر می باشد :
RGBA(red, green, blue, alpha)
برای آشنایی بیشتر با کد رنگ های RGB میتوانید از آموزش زیر استفاده کنید:
شفاف سازی رنگ در 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> |