CSS3-এ RGBA রঙ মান

RGBA রঙ মান = Red, Green, Blue, Alpha। Alpha = রঙের অপাসিটি (০.০ থেকে ১.০)। ১.০ = পুরোপুরি অপেক (opaque)।

উদাহরণ: ভিন্ন অপাসিটি সহ RGBA

<!DOCTYPE html> <html> <head> <style> #demo1 {background-color:rgba(108,111,35,0.6);} #demo2 {background-color:rgba(108,111,35,0.5);} #demo3 {background-color:rgba(108,111,35,0.4);} #demo4 {background-color:rgba(108,111,35,0.3);} #demo5 {background-color:rgba(108,111,35,0.2);} #demo6 {background-color:rgba(108,111,35,0.1);} </style> </head> <body> <h1>Cricketers</h1> <p id="demo1">David Warner</p> <p id="demo2">Steve Smith</p> <p id="demo3">Mark Waugh</p> <p id="demo4">Steve Waugh</p> <p id="demo5">David Johnson</p> <p id="demo6">Andy Bichel</p> </body> </html>

আউটপুট

RGBA সিনট্যাক্স

• rgba(red, green, blue, alpha) — প্রতিটি ০-২৫৫ INTEGER
• rgba(r%, g%, b%, alpha) — শতাংশ মান
• Alpha: ০.০ (স্বচ্ছ) থেকে ১.০ (অপেক)

আধুনিক সিনট্যাক্স (CSS Color Level 4): স্পেস-সেপারেটেড, স্ল্যাশ দিয়ে alpha: rgba(108 111 35 / 0.6)

বनाम RGB: RGB-এ অপাসিটি নেই। আধুনিক ব্রাউজারেই rgb()-এই ৪র্থ প্যারামিটার দিয়ে অপাসিটি দেওয়া যায়।