CSS Colors HSL Value

-

CSS Colors HSL Value

من أنواع الألوان في CSS هو HSL والي بيعني استخدام مزيج من 

hue(اللون), saturation(التشبع), and lightness (التخفيف)

طريقة الكتابة تتبع المعادلة:

hsl(hue, saturationsaturation, lightness)

الطريقة السابقة تعني 

Hue هي درجة اللون من 0 إلى 360.( 0 أحمر ، و 120 أخضر ، و 240 أزرق).

saturation هو النسبة المئوية ، 0٪ يعني ظل من الرمادي ، و 100٪ هو اللون الكامل.

lightness هي أيضًا نسبة مئوية ، 0٪ أسود ، 50٪ ليس فاتحًا أو غامقًا ، 100٪ أبيض

جرب خلط قيم HSL في Visual Studio Code

HSLA Value

HSLA هي امتداد لقيم ألوان في HSL حيث تستخدم نفس parameters لكن مع إضافة parameter جديد باسم alpha - والتي تحدد عتامة اللون opacity.

طريقة الكتابة تتبع المعادلة:

hsla(hue, saturation, lightness, alpha)

الطريقة السابقة تعني 

Hue هي درجة اللون من 0 إلى 360.( 0 أحمر ، و 120 أخضر ، و 240 أزرق).

saturation هو النسبة المئوية ، 0٪ يعني ظل من الرمادي ، و 100٪ هو اللون الكامل.

lightness هي أيضًا نسبة مئوية ، 0٪ أسود ، 50٪ ليس فاتحًا أو غامقًا ، 100٪ أبيض

alpha عبارة عن رقم يتراوح بين 0.0 (شفاف تمامًا fully transparent) و 1.0 (غير شفاف على الإطلاق not transparent at all):

جرب خلط قيم HSLA