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

تُنشئ الدالة hsla()‎ لونًا انطلاقا من قيم الصبغة (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 خارج المجال المسموح.

أمثلة

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

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

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

.selector {
  color: #bfaa40;
}

انظر أيضًا

• الدالة hsl()‎: تُنشئ لونًا انطلاقًا من قيم الصبغة والتشبُّع والإضاءة.
• الدالة adjust_color()‎: تزيد أو تقلِّل قيمة خاصِّيَّة واحدة أو أكثر من خاصِّيَّات لون محدَّد.

مصادر

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