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

من موسوعة حسوب

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

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

hsla($hue, $saturation, $lightness, $alpha)

المعاملات

‎$hue

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

‎$saturation

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

‎$lightness 

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

‎$alpha

شفافية اللون. يجب أن تكون بين 0 و 1.

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

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

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

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

أمثلة

مثال على ضبط قيمة الخاصية color باستخدام الدالة hsla()‎:

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

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

.selector {
  color: #bfaa40;
}

انظر أيضًا

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

مصادر