الدالة ()hsl في Sass

تُنشئ لونًا انطلاقا من قيم الصبغة (hue) والتشبع (saturation) والإضاءة (lightness). تستخدم الدالة خوارزمية من مواصفات CSS.

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

hsl($hue, $saturation, $lightness)

المعاملات

‎$hue

صبغة اللون. يجب أن تكون بين 0 و 360 درجة.

‎$saturation

تشبُّع اللون. يجب أن يكون محصورًا بين ‎0%‎ و ‎100%.

‎$lightness 

إضاءة اللون. يجب أن تكون بين ‎0%‎ و ‎100%.

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

اللون الناتج.

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

سيُرمى الخطأ ArgumentError إن كانت المعاملات من النوع الخطأ أو كان ‎$lightness و ‎$saturation خارج الحدود.

أمثلة

مثال عن ضبط لون العنصر (color) باستخدام الدالة hsl()‎:

.selector {
  color: hsl(50, 50, 50); // #bfaa40
}

ستُصرَّف الشيفرة السابقة إلى الناتج الآتي:

.selector {
  color: #bfaa40;
}

انظر أيضًا

• الدالة hsla()‎: تُنشئ لونًا انطلاقا من قيم الصبغة والتشبع والإضاءة والشفافية.

مصادر

• قسم الدالة hsl في صفحة الدوال في توثيق Sass الرسمي.