این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش کار با کد RGB رنگ ها در طراحی وب
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با کد RGB رنگ ها در طراحی وب با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
کار با کد RGB رنگ ها در طراحی وب
کد RGB یکی دیگر از روش های ایجاد رنگ برای عناصر در یک صفحه وب می باشد، همونطور که از اسم این روش مشخصه ما باید از ۳ رنگ اصلی R (Red) و G (Green) و B (Blue) استفاده نماییم.
پس کد RGB حالتی است که ۳ بخش اصلی دارد و هر یک از این بخش ها از ۰ تا ۲۵۵ میتونن مقدار دریافت کنند ، یعنی مثلا بخش RED میتونه مقدار ۱۰۰ باشه و بخش GREEN مقدار ۵ و بخش BLUE مثلا مقدار ۲۵۵ .
شکل کلی یک کد RGB :
1 |
rgb(255, 255, 255) |
پس رنگ ما از ترکیب ۳ مقدار بالا درست میشه، که به ترتیب بخش اول (r) میشه محدوده رنگ قرمز و بخش دوم (g) میشه محدوده رنگ سبز و در نهایت بخش سوم (b) میشه محدوده رنگ آبی.
مثال : مشخص کردن رنگ زمینه و رنگ متن
1 2 3 4 5 6 7 |
<body> <p style="background-color:rgb(195,4,36); color:rgb(255,255,255);"> Salam Khobi? </p> </body> |
Free-Learn
تولید رنگ سیاه و سفید با استفاده از کد RGB رنگ
برای تولید یا ایجاد رنگ سیاه ما باید تمامی بخش هارو مقدار ۰ بگذاریم و برای تولید رنگ سفید تمامی بخش ها مقدار ۲۵۵ ، لطفا به مثال زیر توجه نمایید.
1 2 3 4 5 6 7 |
<body> <p style="background-color:rgb(0,0,0); color:rgb(255,255,255);"> Salam Khobi? </p> </body> |