الدالة `()rgba` في Sass

تضبط الدالة ()rgba شفافية لون معيّن، أو تُنشئ لونًا انطلاقا من المركبات: الأحمر والأخضر والأزرق والشفافية.

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

rgba($red, $green, $blue,$alpha)

مقدار الحُمرة في اللون، ينبغي أن تكون بين 0 و 250، أو بين ‎ 0%‎ و ‎ 100%.

مقدار الخُضرة في اللون، ينبغي أن تكون بين 0 و 250، أو بين ‎ 0%‎ و ‎ 100%.

مقدار الزرقة في اللون، ينبغي أن تكون بين 0 و 250، أو بين ‎ 0%‎ و ‎ 100%.

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

rgba($color,$alpha)

اللون الذي ستُغير شفافيته.

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

اللون الذي أُنشئ أو عُدِّل.

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

مثال عن استخدام الدالة rgba()‎ لضبط قيمة اللون (color) ولون الخلفية (background-color):

.selector {
  color: rgba(#102030, 0.5);// rgba(16, 32, 48, 0.5)
  background-color: rgba(blue, 0.2); // rgba(0, 0, 255, 0.2)
}

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

.selector {
  color: rgba(16, 32, 48, 0.5);
  background-color: rgba(0, 0, 255, 0.2);
}