انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #3 من درس: الألوان في لغة CSS

CSS HSL Colors HSL في الألوان في لغة CSS

سوف تتعلم في هذا الدرس المزيد عن الألوان في لغة CSS وستتعرف علي نظام hex color ونظام RGB color ونظام RGBA Color ونظام  HSL Color.

1 صفوف تعليمية
لغة CSS
4,558 مشاهدة

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

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

HLS تشير الي Hue , saturation and Lightness ويمكن في لغة CSS تحديد الألوان بنظام HLS داخل قيم خاصية color وخاصية background-color.


جرّب بنفسك

CSS HSL Colors

HTML 
<body>
  <div style="background: hsl(0, 100%, 30%);padding:18px">hsl(0, 100%, 30%);</div>
  <div style="background: hsl(0, 100%, 50%);padding:18px">hsl(0, 100%, 50%);</div>
  <div style="background: hsl(0, 100%, 70%);padding:18px">hsl(0, 100%, 70%);</div>
  <div style="background: hsl(0, 100%, 90%);padding:18px">hsl(0, 100%, 90%);</div>
</body>
جرّب بنفسك

جميع فقرات هذا الدرس (الألوان في لغة CSS)