Home
CSS
CSS Colors
Tryit: Colors with opacity
Run ❯
Get your
own
website
Result Size:
625 x 534
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> #p1 {background-color:rgb(255,0,0);opacity:0.6;} #p2 {background-color:rgb(0,255,0);opacity:0.6;} #p3 {background-color:rgb(0,0,255);opacity:0.6;} #p4 {background-color:rgb(192,192,192);opacity:0.6;} #p5 {background-color:rgb(255,255,0);opacity:0.6;} #p6 {background-color:rgb(255,0,255);opacity:0.6;} </style> </head> <body> <h1>Define Colors With Opacity</h1> <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>