رنگ، اشباع، سبکی (HSL) چیست؟

مخفف "Hue, Saturation, Lightness."

HSL یک مدل رنگی است که رنگ ها را به عنوان مجموعه ای از سه ویژگی، مشابه مدل رنگی قرمز سبز آبی (RGB) تعریف می کند. با مشخص کردن یک نقطه در چرخه رنگ شروع می شود، سپس اشباع و روشنایی را برای ایجاد رنگ نهایی تنظیم می کند. Graphic و طراحی وب سایت (Web Design) اغلب از آن استفاده می کنند زیرا راه آسان تری برای انجام تنظیمات رنگ کوچک بدون نیاز به استفاده از انتخابگر رنگ فراهم می کند.

به جای نمایش یک رنگ به عنوان ترکیبی از رنگ های دیگر، مانند مدل رنگی RGB، HSL از سه ویژگی رنگ، اشباع و روشنایی برای تعریف یک رنگ استفاده می کند:

• Hue موقعیت زاویه ای چرخه رنگ را به صورت عددی بین 0 تا 359 درجه نشان می دهد. . قرمز خالص در بالای چرخ است که با مقدار زاویه ای 0º نشان داده می شود. فیروزه ای در انتهای مخالف در 180 درجه است.
• اشباع شدت رنگ را به عنوان درصدی بین 0 تا 100٪ نشان می دهد. اشباع 0٪ منجر به خاکستری می شود.
• روشنایی روشنایی رنگ را به عنوان درصدی بین 0 تا 100٪ نشان می دهد. روشنایی 0% مشکی، روشنایی 50% خود رنگ و روشنایی 100% سفید است.

مدل رنگی HSL می تواند همان طیف رنگی را تولید کند. RGB، فقط با قالب بندی های مختلف. به عنوان مثال، یک رنگ فیروزه ای روشن با مقادیر RGB: R:166، G:242، B:242 (یا مقدار هگزادسیمال (Hexadecimal) #A6F2F2) با رنگی با رنگ 180 درجه، اشباع یکسان است. 75٪ و سبکی 80٪. فایل های تصویر دیجیتال (Digital) همچنان اطلاعات رنگ را به عنوان مقادیر RGB ذخیره می کنند، حتی زمانی که ویرایشگر تصویر از HSL استفاده می کند.

HSL روشی بصری تر برای تعریف رنگ ها به عنوان مجموعه ای از اعداد در نظر گرفته می شود. طراحان وب اغلب رنگ ها را در ورق سبک آبشاری (CSS) با استفاده از HSL به جای RGB مشخص می کنند تا تنظیمات جزئی را ساده کنند. به عنوان مثال، اگر یک طراح وب با استفاده از کد CSS hsl (180، 75، 80%) رنگی را مشخص کرده باشد، می‌تواند با کاهش تعداد روشنایی آن را تیره‌تر کند. اگر بخواهند همان تنظیم را با استفاده از مقادیر RGB انجام دهند، باید هر سه مقدار را با مقادیر مختلف تغییر دهند.

توجه: مدل رنگی HSL شبیه مدل رنگ، اشباع، روشنایی (HSB) است. در حالی که HSB از همان محاسبه برای رنگ استفاده می کند، از روشنایی به جای روشنایی استفاده می کند - جایی که مقدار 100 نشان دهنده رنگ کامل به جای سفید است - که همچنین بر محاسبه اشباع تاثیر می گذارد.

HSL مخفف چیست؟

تعریف اصطلاح رنگ، اشباع، سبکی (HSL) توسط تک بورد

تعریف رنگ، اشباع، سبکی (HSL) در این صفحه یک تعریف پایه نگاشته شده توسط تک بورد است. اگر مایل به ارجاع به این صفحه یا استناد به این تعریف هستید، با شرط درج لینک به این صفحه می توانید از این محتوا استفاده کنید.

هدف تک بورد توضیح اصطلاحات کامپیوتری به روشی است که به راحتی قابل درک باشد. ما برای سادگی و دقت با هر تعریفی که منتشر می کنیم تلاش می کنیم. اگر بازخوردی درباره تعریف رنگ، اشباع، سبکی (HSL) دارید یا می‌خواهید یک اصطلاح فنی جدید پیشنهاد کنید، لطفاً با ما تماس بگیرید.

آیا می خواهید اصطلاحات فنی بیشتری یاد بگیرید؟ در خبرنامه روزانه یا هفتگی مشترک شوید و شرایط و آزمون های ویژه را در ایمیل خود تحویل بگیرید.

مشترک شدن