با عرض سلام خدمت کاربران سایت پی وی لرن ، و کاربرانی که دوره کامل آموزش LESS را دنبال می کنند. در این جلسه قصد داریم توابع ترکیب رنگ در LESS را به شما عزیزان معرفی کنیم.کار این توابع انجام عملیات مشابهی است که در ویراستارهای تصویر مانند فتوشاپ، Fireworks یا GIMP صورت می گیرد و رنگ های CSS شما را با تصاویر شما مطابقت می دهد. امیدارم از مطالب ذکر شده بهره کافی را ببرید.
جدول زیر توابع ترکیب رنگی مورد استفاده در LESS که عمل مشابه ویراستارهای تصویر را انجام می دهند نشان می دهد:
تابع و توضیحات | شماره | ||
multiply: ادو رنگ را در هم به صورت منطقی ضرب کرده و یک رنگ نتیجه می دهد. مثال: مثال :
خروجی:
| ۱ | ||
screen: این تابع دو رنگ را می گیرد و یک رنگ روشن تر به ارمغان می آورد. این کار مخالف تابع multiply است. مثال :
خروجی:
| ۲ | ||
overlay: نتیجه این تابع ترکیب دو خروجی توابع screen و multiply است. مثال :
خروجی: | ۳ | ||
softlight: این تابع مشابه تابع overlay است، اما فقط از یک قسمت از رنگ استفاده می کند که نسبت به رنگ های دیگر روشن تر است. | ۴ | ||
hardlight: این تابع مشابه تابع overlay است،با این تفاوت که نقش رنگها معکوس شده است. | ۵ | ||
difference: رنگ ورودی دوم را از اولین رنگ ورودی حذف می کند. | ۶ | ||
exclusion: کاکرد این تابع مشابه difference است، اما با کنتراست پایین تر کار می کند. | ۷ | ||
average: به طور میانگین دو رنگ ورودی را بر اساس یک کانال (RGB) محاسبه می کند. | ۸ | ||
negation: این تابع مخالف عملکرد difference است بدین صورت که رنگ اول را از رنگ دوم حذف می کند. | ۹ |
آموزش توابع ترکیب رنگ در LESS نیز به پایان رسید.به طور کلی این تابع عملیات مربوط به تغییرات رنگ و ترکیب رنگ را انجام میدهد.