دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۱۴
  • اسفند

جلسه ۳۰ : توابع تعریف رنگ در LESS

  • دسته‌بندی‌ها :
جلسه ۳۰ : توابع تعریف رنگ در LESS
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام خدمت کاربران سایت پی وی لرن ، و کاربرانی که دوره کامل آموزش LESS را دنبال می کنند. در این فصل، ما به معرفی تابع دیگری از توابع پیش فرض در LESS که توابع تعریف رنگ در LESS است و باعث عملیاتی روی رنگ از جمله تغییر رنگ در LESS می شود، می پردازیم.

      توابع تعریف رنگ در LESS

      LESS تعدادی از توابع رنگی مفید  را برای تغییر رنگ در LESS و دستکاری رنگ به روش های مختلف فراهم می کند .

      همچنین از برخی  توابع تعریف رنگ که در جدول زیر آورده شده است پشتیبانی می کند :

       

      مثالتابع و توضیحاتشماره
      مثال : 

      رنگ را با مقدار RGB تبدیل می کند به :
      مثال : 

             		rgb:

      این  تابع رنگ هایی را از مقادیر قرمز، سبز و آبی ایجاد می کند. دارای پارامترهای زیر است:

      قرمز – حاوی عدد صحیح بین ۰ – ۲۵۵ و یا درصد بین ۰ – ۱۰۰٪ است.

      سبز – حاوی عدد صحیح بین ۰ تا ۲۵۵ و یا درصد بین ۰ تا ۱۰۰٪ است.

      آبی – حاوی عدد صحیح بین ۰ – ۲۵۵ و یا درصد بین ۰ – ۱۰۰٪ است.

      		۱

      مثال : 

      رنگ را با مقدارrgba تبدیل می کند به :

      مثال : 

       

      		rgba:

      این تابع رنگ را از مقادیر قرمز، سبز، آبی و آلفا

      تعیین می کند.

      دارای پارامترهای زیر است:

      قرمز – حاوی عدد صحیح بین ۰ – ۲۵۵ و یا درصد بین ۰ – ۱۰۰٪ است.

      سبز – حاوی عدد صحیح بین ۰ تا ۲۵۵ و یا درصد بین ۰ تا ۱۰۰٪ است.

      آبی – حاوی عدد صحیح بین ۰ – ۲۵۵ و یا درصد بین ۰ – ۱۰۰٪ است.

      alpha – این شامل تعداد بین ۰ – ۱ و یا درصد بین ۰ – ۱۰۰٪ است.

      		۲

      مثال : 

      خروجی:

      مثال : 

       

      		argb:

      این نشان دهنده عدد هگز رنگ در فرمت #AARRGGBB است و از پارامتر زیر استفاده می کند:

      رنگ:شیء رنگی را مشخص می کند.

      		۳

      مثال : 

      خروجی:

      مثال : 

       

      		hsl:

      این تابع رنگ را با hue، saturation و lightness متغیر تولید می کند.

      پارامترهای زیر را دارد:

      hue – حاوی عدد صحیح بین ۰ تا ۳۶۰ است که نشان دهنده درجه است.

      saturation-  شامل عدد بین ۰ – ۱ و یا درصد بین ۰ – ۱۰۰٪ است.

      lightness – شامل عدد بین ۰ – ۱ و یا درصد بین ۰ – ۱۰۰٪ است.

      		۴

      مثال : 

      خروجی:

      مثال : 

       

      		hsla:

      این تابع رنگ را با hue، saturation و lightness و alpha متغیر تولید می کند.

      پارامترهای زیر را دارد:

      hue – حاوی عدد صحیح بین ۰ تا ۳۶۰ است که نشان دهنده درجه است.

      saturation-  شامل عدد بین ۰ – ۱ و یا درصد بین ۰ – ۱۰۰٪ است.

      lightness – شامل عدد بین ۰ – ۱ و یا درصد بین ۰ – ۱۰۰٪ است.

      alpha- شامل عدد بین ۰ – ۱ و یا درصد بین ۰ – ۱۰۰٪ است.

      		۵

      مثال : 

      خروجی:

      مثال : 

       

      		hsv:

      این تابع رنگ را با hue، saturation و

      مقدار متغیرها تولید می کند.

      پارامترهای زیر را دارد:

      hue – حاوی عدد صحیح بین ۰ تا ۳۶۰ است که نشان دهنده درجه است.

      saturation-  شامل عدد بین ۰ – ۱ و یا درصد بین ۰ – ۱۰۰٪ است.

      مقدار-شامل عدد بین ۰ – ۱ و یا درصد بین ۰ – ۱۰۰٪ است.

      		۶

      مثال : 

      خروجی:

      مثال : 

       

      		hsva:

      این تابع رنگ را با hue، saturation،alpha و

      مقدار متغیرها تولید می کند.پارامترهای زیر را دارد:

      hue – حاوی عدد صحیح بین ۰ تا ۳۶۰ است که نشان دهنده درجه است.

      saturation-  شامل عدد بین ۰ – ۱ و یا درصد بین ۰ – ۱۰۰٪ است.

      مقدار-شامل عدد بین ۰ – ۱ و یا درصد بین ۰ – ۱۰۰٪ است.

      alpha- شامل عدد بین ۰ – ۱ و یا درصد بین ۰ – ۱۰۰٪ است.

      		۷

      کلام آخر

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

      QR: جلسه ۳۰ : توابع تعریف رنگ در LESS
      به اشتراک بگذارید
      , ,


      دیدگاه کاربران

      لیست مطالب دوره

      مطالب ویژه