آموزش کار با کد HSL رنگ ها در طراحی وب

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با کد HSL رنگ ها در طراحی وب با من همراه باشید.

آموزش کار با کد HSL رنگ ها در طراحی وب

Free-Learn

کار با کد HSL رنگ ها در طراحی وب

کد HSL که در واقع خلاصه شده ی Hue و Saturation و Lightness می باشد، کدی است که با استفاده از آن میتوان میزان اشباع و میزان شفافیت (روشنایی) را ایجاد / مشخص کرد.

شکل کلی کدرنگ HSL بصورت زیر می باشد :

Hue : یک درجه که از ۰ تا ۳۶۰ میتونه مقدار داشته باشه – ۰ یعنی قرمز / ۱۲۰ یعنی سبز / ۲۴۰ یعنی آبی.

Saturation : میزان اشباع رنگ را بصورت درصدی (%) مشخص میکند ، ۰ درصد از خاکستری شروع میشه تا ۱۰۰ درصد رنگ کامل.

Lightness : میزان روشنایی رنگ را بصورت درصدی (%) مشخص میکند ،۰ درصد یعنی سیاه و هرچی به سمت ۱۰۰ درصد برود سفید می شود.

مثال استفاده از کدرنگ HSL در طراحی وب :

امتحان کنید