رنگ های RGB و RGBA در HTML
رنگ های RGB و RGBA در HTML به شما امکان می دهند رنگ ها را با ترکیب مقادیر قرمز (Red)، سبز (Green) و آبی (Blue) تعریف کنید. در RGBA یک کانال آلفا (Alpha) نیز برای شفافیت اضافه می شود.
مقادیر RGB
فرمول کلی رنگ RGB به شکل زیر است:
rgb(red, green, blue)
هر پارامتر عددی بین 0 تا 255 دارد. برای مثال:
<p style="color:rgb(255, 0, 0);">قرمز</p>
<p style="color:rgb(0, 255, 0);">سبز</p>
<p style="color:rgb(0, 0, 255);">آبی</p>
مقدار rgb(0,0,0)
مشکی و rgb(255,255,255)
سفید نمایش می دهد.
سایه های خاکستری
برای ساخت سایه های خاکستری باید سه مقدار قرمز، سبز و آبی یکسان باشند.
<div style="background-color:rgb(100,100,100);">خاکستری تیره</div>
<div style="background-color:rgb(200,200,200);">خاکستری روشن</div>
مقادیر RGBA
RGBA شبیه به RGB است اما یک پارامتر چهارم دارد که شفافیت (Alpha) را مشخص می کند:
rgba(red, green, blue, alpha)
پارامتر Alpha عددی بین 0.0 (کاملاً شفاف) تا 1.0 (کاملاً مات) است.
<div style="background-color:rgba(255, 99, 71, 0.2);">شفافیت 20%</div>
<div style="background-color:rgba(255, 99, 71, 0.8);">شفافیت 80%</div>
خلاصه فصل
- RGB رنگ ها را با سه مقدار بین 0 تا 255 تعریف می کند.
- RGBA شامل یک مقدار اضافه برای شفافیت است.
- سیاه برابر
rgb(0,0,0)
و سفید برابرrgb(255,255,255)
است. - سایه های خاکستری با مقادیر مساوی ساخته می شوند.
برای یادگیری بیشتر به بخش رنگ ها در HTML و رنگ های HEX مراجعه کنید.