Run ❯
Get your
own
website
Result Size:
625 x 565
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> #p1 {background-color:rgba(255,0,0,0.3);} #p2 {background-color:rgba(0,255,0,0.3);} #p3 {background-color:rgba(0,0,255,0.3);} #p4 {background-color:rgba(192,192,192,0.3);} #p5 {background-color:rgba(255,255,0,0.3);} #p6 {background-color:rgba(255,0,255,0.3);} </style> </head> <body> <h2>RGB colors with opacity</h2> <p>RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity of the object.</p> <p id="p1">Red</p> <p id="p2">Green</p> <p id="p3">Blue</p> <p id="p4">Grey</p> <p id="p5">Yellow</p> <p id="p6">Cerise</p> </body> </html>