الدالة ()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 خارج المجال المسموح.

أمثلة

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

.selector {
  color: hsla(50, 50, 50, 0.5); // rgba(191, 170, 64, 0.5);
}

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

.selector {
  color: rgba(191, 170, 64, 0.5); }

انظر أيضًا

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

مصادر

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