آموزش رنگ ها در css

آموزش رنگ ها در css

 

تا به اینجای کار ما از هر رنگی که استفاده کردیم به واسط اسم آن رنگ بود. مثلا، yellow، red، blue و … . ولی ممکن است رنگی که ما میخواهیم را نتوانیم در لیست رنگ های موجود در پیش فرض استفاده کنیم. پس چه کاری انجام دهیم؟

در کامپیوتر برای درست کردن انواع رنگ ها شما نیاز به سه رنگ قرمز، سبز و آبی (RGB) دارید. و هر رنگ از بین رنج ۰ تا ۲۵۵ است. شما با تغییر میزان هر رنگ میتوانید رنگ جدیدی را تولید کنید.

 

در سایت w3schools.com میتوانیم رنگ مورد نظر خود را پیدا کرده و در قسمت علامت زده شده تعدادی عدد با علامت # میبینید.

آموزش رایگان css

 

برنامه نویسی css

و یا با سرچ کردن rgb to hex در google رنگ مورد نظر خود را بسازید.

آموزش برنامه نویسی سی اس اس

کافیست عدد رنگ مورد نظر را همراه با # استفاده کرده تا رنگ اعمال شود.

 

p{
  color: #ffffff; 
  font-size: 200%; 
  background-color: #00cc96;
}

آموزش سی اس اس

و یا میتوانیم به روش دیگری رنگ را تغییر دهیم به قرمز. حروف RGB را در نظر بگیرید. عدد اول مربوط به قرمز است. پس فقط عدد اول را مقدار داده و بقیه رنگ ها را ۰ میگذاریم.

 

p{
  color: #ffffff; 
  font-size: 200%; 
  background-color: rgb(200,0,0);
}

آموزش رایگان سی اس اس

p{
  color: #ffffff; 
  font-size: 200%; 
  background-color: rgb(100,0,0);
}

آموزش رایگان html css

 

حال فرض کنید میخواهید پس زمینه کمی به حالت نامرئی باشد.

برای این کار از دستور rgba() استفاده میکنیم.

در اینجا میزان a (آلفا) بین ۰ تا ۱ است. صفر به معنی کاملا محو و یک به معنی کاملا مشخص است. در اینجا من ۰٫۵  انتخاب کردم.

 

p{
  color: #ffffff; 
  font-size: 200%; 
  background-color: rgba(100,0,0,0.5);
}

رنگ ها در css

 

 

برای دیدن آموزش های بیشتر جزوات CSS را دنبال کنید.

قسمت قبل آموزش (آموزش سه روش اضافه کردن CSS به html)

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد.