طريقة إستخدام ألوان HSL في لغة CSS | ألوان النصوص في لغة CSS

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

HSL اختصار Hue وSaturation وLightness: زاوية اللون والتشبع والإضاءة.

Hue: زاوية على دائرة اللون؛ 0 أو360 للأحمر، و120 للأخضر، و240 للأزرق. تلتف الزوايا حول الدائرة، وليست القيم محصورة في دورة واحدة.
Saturation: 0% دون تشبع فيكون اللون رماديًا، و100% تشبع كامل؛ ليست 100% درجة الظلام.
Lightness: 0% أسود و100% أبيض؛ 50% مستوى متوسط للإضاءة.

تستخدم أمثلتنا الصيغة ذات الفواصل hsl(hue, saturation, lightness)، مثل hsl(0, 100%, 50%). في هذه الصيغة تكتب % مع التشبع والإضاءة.

قيمة hue هي صفر وقيمة saturation هي 100% وقيمة lightness هي 50%

جرّب بنفسك

طريقة كتابة HSL color في لغة CSS

HTML

h1 {
color:hsl(0, 100%, 50%);
}

طريقة كتابة HSL color في لغة CSS

HTML

h1 {
color:hsl(240, 100%, 50%);
}