تئوری رنگ مجموعه‌ای از مفاهیم و روابط است که به ما کمک می‌کند رنگ‌ها را آگاهانه‌تر انتخاب و ترکیب کنیم. در UI Design، طراحی گرافیک و صفحه‌آرایی، شناخت Hue، Saturation، Value، Contrast و رابطه رنگ‌ها می‌تواند خوانایی، سلسله‌مراتب بصری و حس کلی طراحی را بهتر کند.
Hue، Saturation و Value چیست؟
- Hue: خانواده اصلی رنگ؛ مثل قرمز، آبی یا سبز.
- Saturation / Chroma: شدت یا خلوص ادراک‌شده رنگ. هرچه کمتر شود، رنگ خنثی‌تر به نظر می‌رسد.
- Value / Brightness: میزان روشن یا تیره بودن رنگ در یک مدل یا Context مشخص.
Tint، Shade و Tone چه تفاوتی دارند؟
در تعریف سنتی تئوری رنگ، Tint با اضافه کردن سفید، Shade با اضافه کردن سیاه و Tone با اضافه کردن خاکستری یا کاهش خلوص ایجاد می‌شود. در طراحی دیجیتال معمولا همین ایده‌ها را با تغییر Lightness، Saturation یا ترکیب با رنگ‌های خنثی پیاده می‌کنیم.
چرخه رنگ و رنگ‌های مکمل
Color Wheel برای درک رابطه بین Hueها مفید است. رنگ‌های Complementary در دو سوی مقابل چرخه قرار می‌گیرند و معمولا Contrast بالایی ایجاد می‌کنند. Analogousها در کنار هم قرار دارند و هماهنگی آرام‌تری می‌سازند. این روابط نقطه شروع‌اند، نه قانون قطعی؛ نتیجه باید در Context واقعی رابط تست شود.
رنگ‌های گرم و سرد
قرمز، نارنجی و زرد معمولا گرم و آبی، سبز و بنفش اغلب سرد توصیف می‌شوند، اما ادراک رنگ به Hue دقیق، Saturation، زمینه و فرهنگ هم وابسته است. بهتر است به‌جای نسبت دادن معنای ثابت به هر رنگ، تاثیر آن را در ترکیب واقعی و برای مخاطب هدف بررسی کنید.
RGB و CMYK چه تفاوتی دارند؟
RGB مدل افزودنی است و برای نمایشگرها استفاده می‌شود؛ با ترکیب نور قرمز، سبز و آبی رنگ ساخته می‌شود. CMYK مدل کاهشی رایج در چاپ است و از Cyan، Magenta، Yellow و Black استفاده می‌کند. تبدیل بین این دو همیشه یکسان نیست و خروجی نهایی به پروفایل رنگ، نمایشگر، چاپگر، کاغذ و فرایند تولید بستگی دارد.
Contrast و خوانایی در UI
در رابط کاربری، رنگ فقط برای زیبایی نیست. Contrast کافی بین متن و پس‌زمینه، تمایز Stateها و عدم وابستگی کامل اطلاعات به رنگ برای خوانایی و Accessibility مهم‌اند. پالت رنگ باید در حالت‌های واقعی مثل Hover، Disabled، Error و Dark Mode نیز بررسی شود.
معنای رنگ‌ها همیشه ثابت نیست
تعبیر روان‌شناختی رنگ‌ها می‌تواند با فرهنگ، صنعت، تجربه فردی و Context تغییر کند. بنابراین گزاره‌هایی مثل «آبی همیشه اعتماد می‌سازد» یا «قرمز همیشه خطر است» را نباید به‌عنوان قانون جهانی استفاده کرد. تصمیم طراحی را با برند، مخاطب و تست واقعی هماهنگ کنید.
