‏Happy Hues: پالت رنگ رو تو عمل ببین

Happy Hues یه سایت پالت رنگه که مکنزی چایلد ساخته و ایده‌ش خیلی ساده‌ست: به جای اینکه فقط چندتا مربع رنگی نشونت بده، خودِ سایت با همون پالت ساخته شده. یعنی می‌بینی هر رنگ دقیقاً کجا نشسته: پس‌زمینه کدومه، تیتر کدوم، دکمه و متن دکمه چیه. سازنده می‌گه هدفش حل همین گیر بوده که یه پالت رو دوست داری ولی نمی‌دونی چطوری روی طرح خودت پیاده‌ش کنی.

هر بخش از صفحه، لیست رنگ‌های خودش رو داره با نقش هر رنگ کنارش. مثلاً تو بخش اول پس‌زمینه سفیده، تیتر #1f1235 و دکمه #ff6e6c. با کلیک روی هر ردیف، کد هگز می‌ره تو کلیپ‌بورد. می‌تونی پالت کل سایت رو هم عوض کنی و ببینی همون چیدمان با رنگ‌های دیگه چه شکلی درمیاد.

بخش دوم سایت اصطلاحات رنگ رو توضیح می‌ده و هر کدوم رو مثل یه اهرم در نظر می‌گیره. hue یعنی رنگ مادر و کاملاً اشباع، بدون سفید و سیاه. tint وقتیه که سفید اضافه می‌کنی و shade وقتیه که سیاه اضافه می‌کنی. tone بین این دوتاست، یعنی خاکستری اضافه کردن. value میزان روشنی رنگه و saturation خلوص و زنده بودنش. تو فیگما یا برنامه‌های ادوبی، tint رو با کم کردن saturation و shade رو با کم کردن brightness می‌سازی.

بخش آخر درباره روانشناسی رنگه. تو سایت اومده که قرمز ضربان و متابولیسم رو بالا می‌بره و گرسنه‌ت می‌کنه، برای همین تقریباً تو برندینگ همه فست‌فودها هست. آبی برعکسه: آرومه و متابولیسم رو کند می‌کنه، و بیشتر از ۵۰ درصد مردهایی که بررسی شدن گفتن رنگ موردعلاقه‌شون آبیه. زرد هم توجه رو می‌گیره ولی به گفته سایت، مطالعه‌ها نشون دادن می‌تونه مراکز اضطراب مغز رو فعال کنه.

نکات کلیدی:

• خود سایت با همون پالتی ساخته شده که نشون می‌ده، پس نقش هر رنگ معلومه
• کلیک روی هر ردیف رنگ، کد هگز رو کپی می‌کنه و پالت هم قابل تعویضه
• شش اصطلاح پایه: hue، tint، shade، tone، value و saturation
• tint یعنی رنگ به علاوه سفید، shade یعنی رنگ به علاوه سیاه، tone یعنی رنگ به علاوه خاکستری
• سازنده‌ش مکنزی چایلده که پروژه‌های جانبی دیگه‌ای مثل Acme Logos و Colorables هم داره