این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش کار با کد RGBA رنگ ها در طراحی وب
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با کد RGBA رنگ ها در طراحی وب با من همراه باشید.
Free-Learn
کار با کد RGBA رنگ ها در طراحی وب
کدرنگ RGBA در واقع همون کد RGB هس فقط کانال آلفا ( Alpha ) بهش اضافه شده که با استفاده از آن میتوان میزان شفافیت رنگ را مشخص کرد.
شکل کلی کدرنگ RGBA بصورت زیر می باشد :
|
1 |
rgba(Red, Green, Blue, Alpha) |
خب Red که میشه همون محدوده رنگ قرمز که از ۰ تا ۲۵۵ میتونه مقدار بپذیره و green هم که میشه سبز باز از ۰ تا ۲۵۵ و در نهایت blue هم که میشه آبی از ۰ تا ۲۵۵ میتونن مقدار داشته باشند.
حال یه بخش دیگه به اسم alpha (آلفا) به این کد رنگ اضافه شده که با استفاده از آن میتوان میزان شفافیت / روشنایی را مشخص کرد ، که یک مقدار از ۰٫۰ تا ۱٫۰ میتواند بپذیرد، ( یعنی در واقع همون از ۰ تا ۱ )
مثال : مشخص کردن میزان شفافیت رنگ زمینه
|
1 2 3 4 5 6 7 8 9 10 |
<body> <p style="background-color:rgba(255, 0, 0, 0.1);">Free-Learn</p> <p style="background-color:rgba(255, 0, 0, 0.2);">Free-Learn</p> <p style="background-color:rgba(255, 0, 0, 0.4);">Free-Learn</p> <p style="background-color:rgba(255, 0, 0, 0.6);">Free-Learn</p> <p style="background-color:rgba(255, 0, 0, 0.8);">Free-Learn</p> <p style="background-color:rgba(255, 0, 0, 1);">Free-Learn</p> </body> |
