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



  • ۱۴
  • اسفند

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

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

      مقدمه

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

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

      جدول زیر توابع ترکیب رنگی مورد استفاده در LESS که عمل مشابه ویراستارهای تصویر را انجام می دهند نشان می دهد:

      تابع و توضیحات

      شماره

      multiply:

      ادو رنگ را در هم به صورت منطقی ضرب کرده و یک رنگ نتیجه می دهد.

      مثال:

      مثال : 

      خروجی:

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

      ۱
      screen:
      این تابع دو رنگ را می گیرد و یک رنگ روشن تر به ارمغان می آورد. این کار مخالف تابع multiply است.

      مثال : 

      خروجی:

      ترکیب رنگ در LESSترکیب رنگ در LESS ترکیب رنگ در LESS

      ۲
      overlay:

      نتیجه این تابع ترکیب دو خروجی توابع screen و multiply است.

      مثال : 

      خروجی:

      ۳
      softlight:

      این تابع مشابه تابع overlay است، اما فقط از یک قسمت از رنگ استفاده می کند که نسبت به رنگ های دیگر روشن تر است.

      ۴
      hardlight:

      این تابع مشابه تابع overlay است،با این تفاوت که نقش رنگها معکوس شده است.

      ۵
      difference:

      رنگ ورودی دوم را از اولین رنگ ورودی حذف می کند.

      ۶
      exclusion:

      کاکرد این تابع مشابه difference است، اما با کنتراست پایین تر کار می کند.

      ۷
      average:

      به طور میانگین دو رنگ ورودی را بر اساس یک کانال (RGB) محاسبه می کند.

      ۸
      negation:

      این تابع مخالف عملکرد difference است بدین صورت که  رنگ اول را از رنگ دوم حذف می کند.

      ۹

      کلام آخر

      آموزش توابع ترکیب رنگ در LESS نیز  به پایان رسید.به طور کلی این تابع عملیات مربوط به تغییرات رنگ و ترکیب رنگ را انجام میدهد.

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