توی این مقاله در مورد یکی از کار راه انداز ترین سیستم های رنگی صحبت میکنم. منظورم سیستم رنگی HSL هست. در ادامه فرق سیستم رنگ HSL و RGB رو میگم و در نهایت جمع بندی میکنیم که توی کارهای خودمون از چه سیستم رنگی باید استفاده کنیم.

سیستم رنگ یعنی چی؟

فرض کن میخوای از شهر خودت بری به یک شهر دیگه. این وسط چند روش آدرس دادن وجود داره. یه موقع هست آدرس پستی رو داری؛ یه زمان هست خیابون و کوچه و پلاک رو بلدی و یه زمان هم هست که لوکیشن رو توی اپ موبایلت داری. در هر صورت تو میتونی به شهر مقصد برسی؛ اما روش آدرس دادن فرق میکنه.

کل ماجرای سیستم های رنگی هم دقیقا همینه. ما میخوایم به یک رنگی که توی ذهن داریم برسیم. حالا اینکه چجوری آدرس بدیم که کامپیوتر حرف ما رو متوجه بشه، به این میگیم سیستم رنگی. این ماجراهایی هم که در مورد HSL و RGB و این چیزا میگم همش در مورد همین روش آدرس دادنه هست.

سیستم رنگ HSL

توی سیستم رنگ HSL ما اگر 3 تا ویژگی از هر رنگ رو داشته باشیم میتونیم بهش برسیم. اون ویژگی چیا هستن؟ قبل اینکه بگم لازمه یک نکته رو یادآوری کنم و اونم اینه که مدل رنگی HSL مخصوص دنیای مانیتورها هست و ارتباطی به صنعت چاپ نداره. پس ما الان با مانیتورهایی طرف هستیم که از خودشون نور ساطع میکنن.

حالا با این مقدمه ای که گفتم بریم سراغ اون 3 تا ویژگی. توی مدل رنگی HSL اگر ما این 3 تا ویژگی از هر رنگ رو داشته باشیم میتونیم بهش برسیم:

1. خود رنگ
2. غلظت رنگ
3. روشنایی رنگ

و در واقع عبارت HSL هم دقیقا مخفف همین 3 تا ویژگی هست:

• حرف H به معنی Hue یا همون رنگ
• حرف S به معنی Saturation یا اشباع و غلظت
• حرف L به معنی Luminance یا درخشندگی

مثالی از مدل رنگی HSL

و خوبی سیستم رنگی HSL این هست که به عنوان یک انسان میتونیم درک درستی از کاری که در حال انجامش هستیم داشته باشیم. مثلا من توی ذهن خودم یک رنگ نارنجیِ کم رنگِ روشن رو تصور میکنم. خب همین به زبان HSL چطوری بیان میشه؟

• مقدار یا بهتره بگم زاویه‌ی Hue به سمت رنگ نارنجی هست
• اشباع یا همون Saturation کم خواهد بود
• روشنایی یا همون Luminance هم زیاد خواهد بود

و به همین راحتی من یک رنگی که در ذهن داشتم رو میتونم به نرم افزاری که دارم باهاش کار میکنم منتقل کنم.