یک رنگ rgb از سه رنگ قرمز، سبز و آبی تشکیل می شود.
یک رنگ rgba از همان سه رنگ بهمراه کم رنگ شدن (Alpha) استفاده می گردد.
نحوه تعریف رنگ بصورت RGB
برای تعریف رنگ باید از فرمول زیر استفاده کنید. هریک از پارامترها دارای یک مقدار رنگی بین عدد ۰ تا ۲۵۵ هستند.
هرچقدر هر سه رنگ به عدد ۰ نزدیک شوند رنگ مورد نظر تاریکتر و هرچقدر به عدد ۲۵۵ نزدیک شوند رنگ ما به رنگ سفید نزدیکتر می شود.
|
1 |
rgb(red, green, blue) |
برای مثال زمانی که شما مقدار هر سه رنگ را برای مثال ۲۵۶,۲۵۶,۲۵۶ قرار می دهید مقدار نهایی برابر با ۱۶۷۷۷۲۱۶ = ۲۵۶*۲۵۶*۲۵۶ رنگ ممکن است.
حال اگر یکی از مقادیر را برابر با ۲۵۵ قرار داده و مابقی را برابر با عدد ۰ قرار دهید آن رنگ خالص است. برای مثال ما مقدار رنگ قرمز را برابر با ۲۵۵ قرار می دهیم.
|
1 |
rgb(255, 0, 0) |
فرمول رنگ سبز بصورت خالص:
|
1 |
rgb(0, 255, 0) |
رنگ آبی بصورت رنگ خالص:
|
1 |
rgb(0, 0, 255) |
رنگ مشکی بصورت خالص:
|
1 |
rgb(0, 0, 0) |
رنگ سفید بصورت خالص:
|
1 |
rgb(255, 255, 255) |
ایجاد رنگ خاکستری بر پایه RGB
در صورتی که کد رنگ های خود را یکسان وارد کنید رنگ شما خاکستری می شود.
هر چقدر به رنگ ۲۵۵ نزدیک شویم رنگ خاکستری روشن تر می شود.
مثال:
|
1 2 3 4 5 6 |
rgb(240, 240, 240) rgb(200, 200, 200) rgb(180, 180, 180) rgb(140, 140, 140) rgb(100, 100, 100) rgb(60, 60, 60) |
نحوه تعریف رنگ بصورت RGBA
این رنگ برپایه همان RGB است.تنها مقداری که به این رنگ اضافه شده مقدار opacity یا Alpha است.
|
1 |
rgba(red, green, blue, alpha) |
مقدار alpha بین ۰ تا ۱ است. هر چقدر به ۱ نزدیکتر شویم میزان شفافیت کم است و هرچقدر به ۰ نزدیک شویم میزان شفافیت زیاد است.
مثال:
|
1 2 3 |
rgba(255, 99, 71, 0) rgba(255, 99, 71, 0.2) rgba(255, 99, 71, 0.6) |
