الدالة ()adjust_hue في Sass
< Sass
تُغير الدالة adjust_hue() صبغة (hue) اللون إذ يمرر لها اللون وعدد الدرجات (يكون عادةً ما بين -360deg و 360deg) ، ثمَّ تُعيد لونًا بعد تدوير الصبغة على طول عجلة اللون (color wheel) بالمقدار المُحدّد.
البنية العامة
adjust_hue($color, $degrees)
المعاملات
$color
اللون المراد تعديله.
$degrees
عدد درجات تدوير الصبغة.
القيم المعادة
تُعاد قيمة لونيَّة بعد التعديل.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError إذا كان أيٌّ من المعاملات من النوع الخطأ.
أمثلة
المثال 1: استخدام الدالة 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(): تغيِّر خاصِّيَّات اللون. - الدالة
hsl(): تُنشئ لونًا انطلاقا من قيم الصبغة والتشبُّع والإضاءة.