کدلپر - مرجع جامع آموزش برنامه‌نویسی

All Right Reserved © 2025 Codoloper

background codoloper

RGB

خانه

رنگ‌های RGB و RGBA در HTML

مقدار رنگ RGB چیست؟

مقدار رنگ RGB، نمایانگر ترکیب سه منبع نور قرمز (Red)، سبز (Green) و آبی (Blue) است.

 مقدار رنگ RGBA چیست؟

مقدار رنگ RGBA مانند RGB است، با این تفاوت که یک کانال آلفا (شفافیت) نیز به آن اضافه می‌شود.


مقادیر رنگ RGB

در HTML، می‌توان رنگ را با فرمول زیر به صورت مقدار RGB تعریف کرد:

scss
 
rgb(red, green, blue)

هر پارامتر (قرمز، سبز، آبی) شدت رنگ را بین عدد ۰ تا ۲۵۵ مشخص می‌کند.

این یعنی:
256 × 256 × 256 = 16,777,216 رنگ ممکن وجود دارد!


🟥 مثال‌هایی از RGB

  • rgb(255, 0, 0) به رنگ قرمز نمایش داده می‌شود چون قرمز در حداکثر مقدار و دو رنگ دیگر صفرند.

  • rgb(0, 255, 0) به رنگ سبز نمایش داده می‌شود.

  • rgb(0, 0, 0) رنگ مشکی است (همه صفر).

  • rgb(255, 255, 255) رنگ سفید است (همه در حداکثر مقدار).


 مثال‌های  RGB:

 
rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

⚫ طیف خاکستری با RGB

در رنگ‌های خاکستری، هر سه پارامتر مقدار یکسان دارند:

 
rgb(60, 60, 60)
rgb(100, 100, 100)
rgb(140, 140, 140)
rgb(180, 180, 180)
rgb(200, 200, 200)
rgb(240, 240, 240)

💡 مقادیر رنگ RGBA

مقادیر RGBA مشابه RGB هستند، اما یک پارامتر اضافه دارند به نام آلفا (alpha) که شفافیت رنگ را تعیین می‌کند.

فرمول کلی:

scss
 
rgba(red, green, blue, alpha)
  • مقدار آلفا عددی بین 0.0 (کاملاً شفاف) تا 1.0 (کاملاً مات) است.


✨ مثال‌های  RGBA:

 
 
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)

🧪 مثال ترکیب RGBA:

 
rgba(255, 99, 71, 0.5)
پارامترمقدار
قرمز (RED)255
سبز (GREEN)99
آبی (BLUE)71
شفافیت (ALPHA)0.5