الفرق بين المراجعتين لصفحة: «Sass/hue»

من موسوعة حسوب
أنشأ الصفحة ب'تُنشئ لونًا انطلاقا من قيم الصبغة (hue) والتشبع (saturation) والإضاءة (lightness). تستخدم الدالة [http://www.w3.or...'
 
لا ملخص تعديل
سطر 1: سطر 1:
تُنشئ لونًا انطلاقا من قيم الصبغة (hue) والتشبع (saturation) والإضاءة (lightness). تستخدم الدالة [http://www.w3.org/TR/css3-color/#hue-color خوارزمية] من مواصفات [[CSS|CSS3]].<noinclude>{{DISPLAYTITLE: الدالة <code>()hsl</code> في Sass
<noinclude>{{DISPLAYTITLE: الدالة <code>()hue</code> في Sass}}</noinclude>
}}</noinclude>
تُعيدُ الدالة <code>()hue</code> مُكوّن الصبغة الخاص باللون. انظر [[https://sass-lang.com/documentation/Sass/Script/hsl مواصفات] [[CSS|CSS3]] HSL]. يُحتسب من مكونات RGB عند الضرورة عبر [هذه [https://sass-lang.com/documentation/Sass/Script/rgb-to-hsl الخوارزمية]].
 
== البنية العامة ==
== البنية العامة ==
<syntaxhighlight lang="sass">
<syntaxhighlight lang="sass">
hsl($hue, $saturation, $lightness)
#hue($color)
</syntaxhighlight>
</syntaxhighlight>


== المعاملات ==
== المعاملات ==


=== <code>‎$hue</code> ===
=== <code>‎$color</code> ===
صبغة اللون. يجب أن تكون بين <code>0</code> و <code>360</code> درجة.
قيمة لونية.
 
=== <code>‎$saturation</code> ===
تشبُّع اللون. يجب أن يكون محصورًا بين ‎<code>0%‎</code> و  ‎<code>100%</code>.
 
=== <code>‎$lightness </code> ===
إضاءة اللون. يجب أن تكون بين  ‎<code>0%‎</code> و  ‎<code>100%</code>.


== القيم المعادة ==
== القيم المعادة ==
اللون الناتج.
قيمة الصبغة، وتكون بين <code>0deg</code> و <code>360deg</code>.


== الأخطاء والاستثناءات ==
== الأخطاء والاستثناءات ==
سيُرمى الخطأ <code>ArgumentError</code> إن كانت المعاملات من النوع الخاطئ أو كان <code>‎$lightness و ‎$saturation</code> خارج الحدود.
سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>‎$color</code> لونًا.


== انظر أيضًا ==
== انظر أيضًا ==
* الدالة <code>[[Sass/hsla|'''hsla'''()]]</code>‎:تُنشئ لونًا انطلاقا من قيم الصبغة والتشبع  والإضاءة والشفافية.
* الدالة <code>[[Sass/hsla|'''hsla'''()]]</code>‎:تُنشئ لونًا انطلاقا من قيم الصبغة والتشبع  والإضاءة والشفافية.
* الدالة <code>[[Sass/hsl|'''hsl'''()]]</code>‎:تُنشئ لونًا انطلاقا من قيم الصبغة والتشبع  والإضاءة والشفافية.


== مصادر ==
== مصادر ==
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#hsl-instance_method قسم الدالة  في صفحة الدوال في توثيق Sass الرسمي.]
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#hue-instance_method قسم الدالة  في صفحة الدوال في توثيق Sass الرسمي.]
[[تصنيف:Sass]]
[[تصنيف:Sass]]
[[تصنيف: Sass Function]]
[[تصنيف: Sass Function]]

مراجعة 14:52، 19 أبريل 2018

تُعيدُ الدالة ()hue مُكوّن الصبغة الخاص باللون. انظر [مواصفات CSS3 HSL]. يُحتسب من مكونات RGB عند الضرورة عبر [هذه الخوارزمية].

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

#hue($color)

المعاملات

‎$color

قيمة لونية.

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

قيمة الصبغة، وتكون بين 0deg و 360deg.

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

سيُرمى الخطأ ArgumentError إن لم يكن ‎$color لونًا.

انظر أيضًا

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

مصادر