رنگ‌های RGB CSS

ارزش‌های RGB

در CSS، می‌توان از فرمول زیر برای مشخص کردن رنگ به عنوان ارزش RGB استفاده کرد:

rgb(red, green, blue)

هر پارامتر (redوgreen و blue) تعریف می‌کند شدت رنگ بین 0 تا 255.

مثلاً rgb(255, 0, 0) به عنوان قرمز نمایش داده می‌شود، زیرا قرمز به حداکثر مقدار (255) تنظیم شده است و بقیه به 0 تنظیم شده‌اند.

برای نمایش سیاه، تمام پارامترهای رنگی را به 0 تنظیم کنید، مانند این: rgb(0, 0, 0).

برای نمایش سفید، تمام پارامترهای رنگی را به 255 تنظیم کنید، مانند این: rgb(255, 255, 255).

برای آزمایش، لطفاً از ترکیب ارزش‌های RGB زیر استفاده کنید:

 

RED

255

GREEN

0

BLUE

0

مثال

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(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

آزمایش کنید

ارزش‌های RGBA

RGBA رنگ‌های رنگی دارای کانال آلفا هستند که گسترش RGB است - که شفافیت رنگ را مشخص می‌کند.

مقدارهای رنگ RGBA مشخص می‌شوند:

rgba(red, green, blue, alpha)

alpha پارامترها عددی بین 0.0 (کاملاً شفاف) و 1.0 (کاملاً ناپخشا) هستند:

لطفاً از ترکیب مقدارهای RGBA زیر برای آزمایش استفاده کنید:

 

RED

255

GREEN

0

BLUE

0

ALPHA

0

مثال

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)

آزمایش کنید