RGBنشان دهنده منابع نور قرمز،سبز وآبي است .آن ازاول كلماتRED , GREEN , BLUE بدست آمده است.
RGBAهمان فرم RGB با توجه به تاري رنگ قرمز،سبز وآبي است .
درHTML يك رنگ ميتواند بافرمRGB بصورت زير اعلام شود .
هر كدام ازپارامترهايrgb() ميتوانند مقداري بين صفر تا 255داشته باشند .بدين ترتيب تعداد رنگ برابر 16777216خواهد بود .اين عدد ازحاصل ضرب255*255*255 بدست مى آيد.
بعنوان مثالrgb(255, 0 , 0) رنگ قرمز وrgb(0, 255 , 0) بعنوان رنگ سبز ميباشد. همينطورrgb(0 , 0, 0) رنگ سياه بوده وrgb(55,255,255) رنگ سفيد .
در زير امكاني پيش بيني شده كه ميتوانيد رنگها را مطابق الگويRGB تجربه ومشاهده نمائيد .
Experiment by mixing the RGB values below:
rgb(255, 99, 71)
RED
GREEN
BLUE
مثال ـ اعلام مقدار رنگ باrgb()
<!DOCTYPE html> <html> <body> <h1style="background-color:rgb(255, 0, 0);">rgb(255, 0, 0)</h1> <h1style="background-color:rgb(0, 0, 255);">rgb(0, 0, 255)</h1> <h1style="background-color:rgb(60, 179, 113);">rgb(60, 179, 113)</h1> <h1style="background-color:rgb(238, 130, 238);">rgb(238, 130, 238)</h1> <h1style="background-color:rgb(255, 165, 0);">rgb(255, 165, 0)</h1> <h1style="background-color:rgb(106, 90, 205);">rgb(106, 90, 205)</h1> </body> </html>
سايه هاي خاكستري اغلب با استفاده مقادير مساوي براي هر سه پارامتر تعريف ميشود.
مثال ـ نمونه سايه اي خاكستري
<!DOCTYPE html> <html> <body> <h1style="background-color:rgb(60, 60, 60);">rgb(60, 60, 60)</h1> <h1style="background-color:rgb(100, 100, 100);">rgb(100, 100, 100)</h1> <h1style="background-color:rgb(140, 140, 140);">rgb(140, 140, 140)</h1> <h1style="background-color:rgb(180, 180, 180);">rgb(180, 180, 180)</h1> <h1style="background-color:rgb(200, 200, 200);">rgb(200, 200, 200)</h1> <h1style="background-color:rgb(240, 240, 240);">rgb(240, 240, 240)</h1> </body> </html>
فرم رنگRGBA گسترش RGB ميباشد .دراين فرم علاوه برسه پارامتر RGB پارامتر ديگري بنام alpha اضافه گرديده،كه شفافيت يا تاري تركيب را مشخص ميكند .مقدار آن بين0-1 ميباشد. مقدار صفر شفافيت كامل يا بدون تيرگي ويك بعنوان تيرگي كامل يا بدون شفافيت.
فرمت كليRGBA مطابق زير است .
با عناصر پيش بيني شده زير فرمتRGBA را تركيب ونتايج خاصله را مشاهده كنيد .
The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (not transparent at all):
Experiment by mixing the RGBA values below:
rgba(255, 99, 71, 0.5)
RED
GREEN
BLUE
ALPHA
مثال ـ نمونه استفاده از فرم رنگRGBA
<!DOCTYPE html> <html> <body> <h1style="background-color:rgba(255, 99, 71, 0);">rgba(255, 99, 71, 0)</h1> <h1style="background-color:rgba(255, 99, 71, 0.2);">rgba(255, 99, 71, 0.2)</h1> <h1style="background-color:rgba(255, 99, 71, 0.4);">rgba(255, 99, 71, 0.4)</h1> <h1style="background-color:rgba(255, 99, 71, 0.6);">rgba(255, 99, 71, 0.6)</h1> <h1style="background-color:rgba(255, 99, 71, 0.8);">rgba(255, 99, 71, 0.8)</h1> <h1style="background-color:rgba(255, 99, 71, 1);">rgba(255, 99, 71, 1)</h1> </body> </html>