ویژگیهای رنگ (Color Properties) به خصوصیات خودِ رنگ اشاره دارند؛ مفهومی که میتواند تا حدی نامشخص و شکلناپذیر باشد. اگرچه همه ما وقتی کسی واژه «رنگ» را به کار میبرد درک میکنیم منظور او چیست، اما این واژه چندان دقیق نیست. در حوزه طراحی، توانایی صحبت کردن درباره عناصر بهصورت دقیق بسیار حیاتی است، زیرا به ارتباط مؤثر کمک میکند و از ایجاد سردرگمی جلوگیری میکند.
اصطلاحاتی مانند Hue، Tint، Tone، Saturation، Value و Brightness برای بیان دقیق منظور هنگام بحث درباره رنگ ضروری هستند. با توجه به اینکه معانی و برداشتهای مربوط به رنگ در فرهنگهای مختلف متفاوت است، یادگیری این مفاهیم اهمیت زیادی دارد؛ زیرا طراحان میتوانند با دستکاری ویژگیهای مختلف رنگ، پالتهای رنگی (Color Palettes) بصری و دلپذیری ایجاد کنند.
Hue (تهرنگ / فام)

هنگامی که درباره رنگهایی مانند قرمز، سبز یا آبی صحبت میکنیم، در واقع درباره Hue صحبت میکنیم. Hue رنگ را در خالصترین حالت خود توصیف میکند؛ یعنی بدون هیچگونه تغییر یا تعدیلی مانند افزودن سفید، سیاه یا خاکستری. وقتی به چرخه رنگ (Color Wheel) نگاه میکنید، آنچه میبینید همان Hue است. دامنه آن از ۰ درجه تا ۳۵۹ درجه متغیر است، هرچند بر روی چرخه رنگ بینهایت نقطه وجود دارد (و در نتیجه بینهایت Hue نیز قابل تعریف است).
Shade (سایه رنگ)

Shade زمانی ایجاد میشود که به یک Hue خالص رنگ سیاه افزوده شود. Shadeها در پالتهای رنگی زنده و پرانرژی میتوانند کنتراست ایجاد کنند؛ با این حال باید در ترکیب آنها با Tintها و رنگهای خنثی روشن احتیاط کرد، زیرا ممکن است پالت رنگی را خفه کرده و آن را کدر و بیروح جلوه دهند.
بسیاری از Shadeها — مانند سبز جنگلی (Forest Green)، آبی سرمهای (Navy Blue) یا زرشکی تیره (Maroon) — برای ایجاد حالوهوای سنتی در طراحی استفاده میشوند. این رنگها میتوانند به آثار خلاقانه شما حس استحکام و رسمیت ببخشند.
Tint (تینت/ روشنه رنگ)

Tint نقطه مقابل Shade است؛ یعنی ترکیبی از یک Hue خالص با رنگ سفید. Tint باعث روشنتر شدن رنگ میشود، اما آن را «درخشانتر» نمیکند؛ بلکه همان رنگ اصلی باقی میماند، تنها نسخهای روشنتر و کمرنگتر از آن.
Tintها میتوانند از اندکی روشنتر از Hue اصلی تا تقریباً سفید متمایل به همان رنگ متغیر باشند، بهطوری که تنها ردّی بسیار کم از Hue اولیه در آن باقی مانده باشد. رنگهای Tintشده معمولاً نرمتر و راحتتر برای چشم هستند و روشنترین آنها با نام رنگهای پاستلی (Pastels) شناخته میشوند. Tintها اغلب حالوهوایی ملایمتر و جوانانهتر در طراحی ایجاد میکنند.
Tone (تن رنگ)

تُنها ترکیبی از هیو(Hue) خالص با خاکستری هستند. به طور کلی، اضافه کردن خاکستری به رنگ، شدت آن را کاهش میدهد. رنگهای تُنشده معمولاً پیچیدهتر و خوشایندتر به نظر میآیند.
تُنهای ظریف میتوانند طراحی شما را بالغتر نشان دهند، چرا که هیوهای خالص گاهی کودکانه به نظر میرسند. اما مراقب باشید از تُنهای زیاد استفاده نکنید، زیرا ممکن است طراحی شما را بیروح و کسلکننده کند.Tone ترکیبی از یک Hue خالص با رنگ خاکستری است. به بیان ساده، تونکردن (Toning) یک رنگ باعث کاهش شدت آن میشود. رنگهای Tone معمولاً از نظر بصری دلپذیرتر در نظر گرفته میشوند و در عین حال پیچیدهتر، ظریفتر و ظاهری پختهتر دارند.
Toneهای ظریف میتوانند طراحی شما را بالغتر نشان دهند، زیرا Hueهای خالص گاهی اوقات حالتی کودکانه دارند. با این حال باید مراقب استفاده بیش از حد از Toneها بود، زیرا ممکن است طراحی را بیروح کرده و منجر به ایجاد پالت رنگی خستهکننده شوند.
Lightness (روشنایی)

در مدل رنگی HSL (که مخفف Hue، Saturation و Lightness است)، Lightness به میزان سیاه یا سفیدی اشاره دارد که با رنگ پایه ترکیب شده است. مقدار Lightness برابر با ۰٪ همیشه به رنگ سیاه منتهی میشود، صرفنظر از اینکه رنگ اولیه چه بوده است. مقدار Lightness برابر با ۱۰۰٪ نیز همیشه سفید خواهد بود، فارغ از رنگ پایه یا میزان اشباع آن.
Value (ارزش روشنایی)

در مدل رنگی HSV (که شامل Hue، Saturation و Value است)، Value به میزان روشنایی یا درخشندگی یک رنگ اشاره دارد. هنگامی که مقدار Value برابر با ۰٪ باشد، رنگ سیاه است. هنگامی که Value به ۱۰۰٪ برسد، رنگ به بیشترین میزان روشنایی ممکن میرسد؛ مگر در حالتی که Saturation برابر با ۰٪ باشد، که در آن صورت رنگ سفید خواهد بود. توجه داشته باشید که Value و Brightness مترادف هستند، اما Lightness مفهومی متفاوت دارد.
Saturation (اشباع رنگ)

زمانی که درباره شدت یک رنگ صحبت میکنیم، در واقع درباره Saturation صحبت میکنیم. Saturation دامنهای از رنگ کاملاً خالص (۱۰۰٪) تا خاکستری (۰٪) را تعریف میکند و نشان میدهد که یک رنگ تا چه اندازه زنده و درخشان یا کدر و ملایم به نظر میرسد. رنگهایی که بهطور کامل اشباع شدهاند بسیار زنده و روشن به نظر میرسند، در حالی که رنگهایی با Saturation پایین حالت محو و کمرنگ دارند.
وقتی یک رنگ بهطور کامل از اشباع خارج شود (fully desaturated)، نتیجه آن رنگ خاکستری خواهد بود. رنگهایی با Saturation کمتر میتوانند در طراحی شما حس آرامش ایجاد کنند، اما باید مراقب باشید که پالت رنگی شما بیش از حد بیروح و خستهکننده نشود.
نکته حرفهای: برای ایجاد حس آرامش در طراحیها از رنگهایی با میزان Saturation کمتر استفاده کنید.
Opacity (اْپسیتی/ شفافیت رنگ)

Opacity میزان شفاف یا مات بودن یک رنگ یا شیء را در صفحه نمایش توصیف میکند. در مقدار Opacity برابر با 0٪، یک عنصر کاملاً شفاف میشود؛ به این معنا که نامرئی است و اجازه میدهد هر آنچه در پشت آن قرار دارد دیده شود. در مقدار Opacity برابر با 100٪، عنصر کاملاً مات است و هر آنچه پشت آن قرار دارد را کاملاً میپوشاند.
طراحان اغلب از Opacity برای کنترل تمرکز و ایجاد عمق بصری استفاده میکنند. برای مثال، کاهش Opacity یک عنصر پسزمینه باعث میشود محتوای جلوی آن برجستهتر به نظر برسد. همچنین ممکن است یک دکمه در حالت عادی دارای Opacity برابر با ۷۰٪ باشد و هنگام قرار گرفتن نشانگر ماوس روی آن (Hover) به ۱۰۰٪ تغییر کند تا فعال بودن آن را نشان دهد.
Opacity همچنین میتواند برای ایجاد لایههای پوششی (Overlay) مورد استفاده قرار گیرد. افزودن یک لایه نیمهشفاف مشکی (حدود ۴۰ تا ۶۰ درصد Opacity) بر روی یک عکس میتواند خوانایی متن سفید را افزایش دهد. به همین ترتیب، کاهش Opacity اشکال رنگی میتواند هنگام قرار گرفتن آنها روی یکدیگر باعث ایجاد رنگهای ترکیبی جدید شود.