انتخاب رنگ در سی اس اس

وردپرسی | طراحی سایت با وردپرس

وردپرسی فیدخوان سایت های مرتبط با سیستم مدیریت محتوای وردپرس می باشد. مطالبی شامل قالب های وردپرس، افزونه های وردپرس، هک های وردپرس و اخبار دنیای وردپرس. تمام مطالب برای رعایت حقوق نویسندگان دارای لینک منبع می باشد. سایت های مرتبط با وردپرس نیز که تمایل به ثبت فید خود در سایت وردپرسی دارند نیز می توانند از بخش ثبت سایت به ما اطلاع رسانی کنند. توجه داشته باشید که لازمه این کار داشتن فید مخصوص مطالب وردپرس می باشد.

انتخاب رنگ در سی اس اس

  • 86 بازدید
  • ۲۹ دی, ۱۳۹۲
css
روش اول :
شماره رنگ را که عددی بر مبنای شانزده است در فتوشاپ بدست آورده و بعد از علامت # بنویسید
background-color:#ff0000;

 

روش دوم :
نام رنگ را بنویسید .
background-color:red;

 

مشاهده نام رنگها

روش سوم :
از متد rgb استفاده کنید :
rgb (شماره رنگ سبز، شماره رنگ آبی ، شماره رنگ قرمز);
background-color:rgb(255,0,0);
روش چهارم :
از متد rgba استفاده کنید:
rgb (میزان غلظت رنگ، شماره رنگ سبز، شماره رنگ آبی ، شماره رنگ قرمز );
میزان غلظت رنگ عددی بین ۰ تا ۱ است
background-color:rgba(255,0,0,0.5);

 

روش پنجم :
از متد hsl استفاده کنید
hsl(hue, saturation, lightness);
این مقادیر را نیز می توانید توسط نرم افزار فتوشاپ بدست اورید
hue
میزان درجه رنگ در چرخه رنگ است که می تواند عددی بین ۰ تا ۳۶۰ باشد
۰ یا ۳۶۰ رنگ قرمز است
۱۲۰ رنگ سبز است
۲۴۰ رنگ آبی است
saturation
این یک پارامتر بر جسب درصد است
۰% یعنی سایه دار یا خاکستری
۱۰۰% یعنی تمام رنگ
lightness
این پارامتر نیز بر حسب درصد بیان می شود
۰% یعنی سیاه
۱۰۰% یعنی سفید
background-color:hsl(120,65%,75%);

روش ششم :

استفاده از متد hsla
hsla( hue, saturation, lightness, میزان غلظت رنگ);
background-color:hsla(120,65%,75%,0.3);

ادامه مطلب: آموزش طراحی سایت




ارسال نظر