الدالة ()‎adjust_hue في Sass

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث

تُغير صبغة اللون. إذ تأخذ لونًا وعددًا من الدرجات (يكون عادةً ما بين ‎-‎360deg و 360deg) ، وتُعيد لونًا مع تدوير الصبغة (hue) على طول اللون بالمقدار المُحدّد.

البنية العامة

adjust_hue($color, $degrees)

المعاملات

‎$color

اللون المراد تعديله.

‎$degrees

عدد درجات تدوير الصبغة

القيم المعادة

قيمة لونية بعد التعديل.

الأخطاء والاستثناءات

سيُرمى الخطأ ArgumentError إذا كان أيٌّ من المعاملات من النوع الخاطئ.

أمثلة

مثال عن استخدام الدالة adjust_hue()‎ مع قيمة لونية بالنظام الست عشري، وأخرى باستخدام الدالة hsl()‎:

.selector {
  background-color: adjust-hue(hsl(120, 30%, 90%), 60deg); // hsl(180, 30%, 90%)
  color: adjust-hue(#811, 45deg); // #886a11
}

سيُصرّف المثال السابق إلى شيفرة CSS الآتية:

.selector {
  background-color: hsl(180, 30%, 90%);
  color: #886a11;
}

انظر أيضًا

  • الدالة alpha()‎: تُعيد قيمة مكون الشفافية (alpha).
  • الدالة adjust_color()‎: تغير خاصيات اللون.

مصادر