انتخاب رنگ اصلی سایت کار ساده ای است. معمولا رنگ اصلی سایت رنگ سازمانی شرکت میباشد. اما یافتن رنگهایی که با این رنگ سازمانی همخوانی داشته باشند. یا بعبارتی با هم ست شوند کار آسانی نیست. این مقاله ابزارهای آنلاینی را برای انتخاب رنگهای همآهنگ با رنگ اصلی سایت به شما معرفی خواهد کرد.به خاطر داشته باشید که انتخاب رنگ اصلی سایت بعهده خود ماست و هیچ نرم افزاری نیست که به ما رنگ اصلی سایت را پیشنهاد دهد.
اگر گرافیسیت نیستید و درباره ترکیب رنگها چیزی نمیدانید. این مقاله ابزارهایی را به شما معرفی می کند که بدون نیاز به کوچکترین دانش گرافیکی میتوانید رنگهای مناسب برای قسمت های مختلف سایت را انتخاب کنید.
اغلب ابزارهای معرفی شده در این مقاله رایگان میباشند و کاربران میتوانند به تعداد دلخواه رنگ و تم رنگ در آنها انتخاب کنند.
این ابزار قبلا با نام تجاری Adobe Kuler عرضه میشد. این ابزار یکی از بهترین ابزارهای شرکت آدوبی Adobe برای ایجاد ترکیب رنگ است.
برای دسترسی به این ابزار آدرس https://color.adobe.com را در مرورگر خود کپی کنید.
همانطور که در تصویر بالا میبینید این سایت در اوج سادگی طراحی شده است. در صفحه اصلی سایت یک منو در بالا و یک دایره انتخاب رنگ در وسط و جعبه های رنگ انتخاب شده همراه با کدهای هگزادسیمال هر رنگ در پایین قرار دارد.
اگر به این صفحه دقت کنید یک جعبه بازشو در سمت چپ دایره انتخاب رنگ قرار دارد. عنوان این جعبه Color Rule است.
در این لیست بازشو میتوان انواع ترکیب رنگ را انتخاب کرد. گزینه هایی که در این بخش در اختیار ما قرار دارند عبارتند از :
Analogous : رنگ های هم طیف یا مشابه را در اختیار ما قرار میدهد. اگر در دایره رنگ، رنگ های نزدیک به هم را انتخاب کنیم. این رنگ ها مشابه نامیده میشوند.
Monochromatic : رنگ اصلی را در نظر گرفته و دو طیف رنگ تیره تر و دو طیف رنگ روشنتر آن را در اختیار ما قرار میدهد.
Complementary: سه طیف رنگ مشابه و دو طیف رنگ مکمل (رنگهایی که در دایره رنگ روبروی هم قرار دارند) در اختیار ما میگذارد. این رنگ ها باهم تباین بالایی ایجاد می کنند. بعنوان مثال میتوان یکی را بعنوان رنگ پس زمینه و دیگری را بعنوان رنگ فونت انتخاب کرد.
Compound: رنگ هایی که در این حالت در اختیار کاربر قرار میگیرند کاملا مکمل هم نسیتند. ولی تباین خوبی با هم دارند و استفاده آنها در کنار هم چشم نواز خواهد بود.
Shade: رنگ های تیره تر و روشنتر از رنگ انتخابی را در اختیار ما قرار میدهد. دامنه رنگ های Shade از دامنه رنگ های Monochromatic کمتر است و رنگ های Shade به هم نزدیکتر هستند.
در منوی بالا ابزار Adobe Color گزینه ای به نام Explore وجود دارد که تم هایی که کاربران در این سایت ذخیره کرده اند را در اختیار قرار میدهد.
اگر روی ایکون دوربین کلیک کنید میتوانید عکسی را برای انتخاب رنگ انتخاب کنید. به این ترتیب رنگ های پیشنهادی بر اساس رنگ های عکس ارائه میگردد.
انجمنی آنلاین از دوستداران رنگ است. در این انجمن سه بخش رنگ، پالت رنگ و پترن pattes وجود دارد. با عضویت در این انجمن شما میتوانید الگوهای رنگی خود را ایجاد و یا الگوهای رنگی دیگران را لایک Like کنید.
برای عضویت در این سایت ابتدا باید وارد سایت شوید. آدرس http://www.colourlovers.com/ را در مرورگر خود کپی کنید.
در این صفحه یک دکمه قرمز رنگ برای پیوستن به انجمن دوستداران رنگ وجود دارد.
شما میتوانید در پنل سمت راست روی یکی از قسمت های رنگ، پالت رنگ، پترن کلیک کنید. و سپس رنگ را لایک Like کرده یا به اشتراک بگذارید.
در پنل سمت چپ هم میتوانید بر روی بخش های مختلف کلیک کنید و در بحث های مربوط به رنگ شرکت کنید و یا مقالات مربوط به رنگ را بخوانید.
سایت https://coolors.co/
این سایت هم یک سازنده ترکیب رنگ است. این نرم افزار به کاربران امکان اشتراک گذاری پالت های رنگ را میدهد. از ویژگی های این سایت امکان انتخاب ترکیب رنگ از روی عکس و پیشنهاد بهترین ترکیب رنگ را میتوان نام برد.
همانطور که میبینید علاوه بر امکان انتخاب تم رنگ توسط دکمه آبی رنگ سه دکمه دیگر برای افزودن این ابزار به گوشی های اپل، افزودن پلاگین به نرم افزارهای شرکت ادوبی و نصب افزونه بر روی گوگل کروم Chrome نیز در اختیار شماست.
اگر روی دکمه Start the Generator, it's free! کلیک کنید. به آدرس https://coolors.co/app منتقل شده در این آدرس صفحه زیر را خواهید دید:
در پایین این صفحه یک کادر برای تائید ذخیره کوکی وجود دارد. اگر این گزینه را تائید کنید آخرین الگوی رنگ ایجاد شده را در مراجعه بعدی به سایت خواهید دید.
اگر روی هر رنگ با موس خود هاور کنید یک سری گزینه برای انتخاب خواهید دید.
کلیک کردن روی گزینه اول باعث میشود که بجای یک رنگ، شیب رنگ نمایش داده شود اگر میخواهید تمام پالت های رنگ بصورت شیب رنگ نمایش داده شوند. کافیست که در منوی بالا روی همان ایکون که روی پالت قرار داشت کلیک کنید. در تصویر زیر مکان آیکون مشخص شده است.
گزینه دوم برای دراگ کردن رنگ است کافیست موس خود را روی ایکون فلش دو جهته کلیک کرده و سپس دراگ کنید. به این ترتیب میتوانید چیدمان پالت های رنگ را تغییر دهید.
گزینه سوم برای انتخاب رنگ است. همانطور که در تصویر مشاهده میکنید تمام روش های انتخاب رنگ در نرم افزارهای گرافیکی در این قسمت فراهم است.
نکته : در برخی مانیتورها سایت درست نمایش داده نمی شود اگر با دیدن گزینه های ابزار انتخاب رنگ مشکل دارید کلید CTRL را نگه داشته و موس را به سمت عقب کمی اسکرول کنید تا سایت کمی کوچکتر دیده شود.
گزینه قفل هم برای عدم تغییر پالت از نظر رنگ و مکان است و کد هگزادسیمال در زیر هر پالت هم به شما امکان میدهد. کد رنگ مد نظر خود را بصورت هگزادسیمال وارد کنید. اگر این قسمت در مانیتور درست نمایش داده نمیشود. باید روی نوار طوسی رنگ زیر سایت روی OK کلیک کنید تا محو شود.
این نرم افزار برای کاربران مک نسخه OSX طراحی شده است و به کاربران امکان میدهد که بتوانند رنگ دلخواه خود را انتخاب و ویرایش کنند. در واقع این ابزار به شما این امکان را میدهد که هر پیکسل از صفحه نمایش خود را به یک رنگ در بیاورید.
این ابزار تنها برای 14 روز بصورت رایگان قابل دسترس است و از سایت https://colorsnapper.com/ میتوانید این نرم افزار را خریداری کنید. با توجه رایگان نبودن این نرم افزار توضیح بیشتری راجع به آن نخواهیم داد. زیرا نرم افزارهای رایگان فراوانی برای طراحی رنگ وب سایت وجود دارد.
این ابزار علاوه بر وب سایت میتواند برای طراحی رنگ در گوشی های اپل نیز مورد استفاده قرار گیرد اگر وارد سایت https://color.hailpixel.com/ شوید در بالا سمت راست دکمه نصب نرم افزار را خواهید دید.
اگر دقت کنید. صفحه اصلی این سایت یک مستطیل بزرگ رنگ است که یک مستطیل کوچک کد رنگ در وسط آن خود نمایی می کند. اسکرول کردن موس به جهات مختلف کد رنگ و رنگ زمینه سایت را تغییر خواهد داد. به نحوی که بالاترین نقطه سایت سیاه و پایین ترین نقطه سایت سفید مطلق است. ولی سخت میتوان دیگر رنگ های مطلق را با اسکرول یافت مثلا راست ترین نقطه در سایت قرمز است ولی نه قرمز مطلق.
برای ایجاد یک ترکیب رنگ در این سایت باید ابتدا با اسکرول رنگ دلخواه خود را یافته و کلیک کنید. سپس این رنگ به یکی از اعضای پالت رنگ شما تبدیل شده و شما میتوانید با همین روش سایر رنگ ها را انتخاب کنید.
بعد از انتخاب یک رنگ، برای تنظیم رنگ میتوان روی ایکون جعبه دنده در زیر هر پالت کلیک کرد. به این ترتیب امکان ویرایش رنگ با کدهای RGB براساس سه رنگ RED , GREEN,BLUE که هر کدام عددی بین صفرد تا 255 را میتوانند به خود بگیرند و یا با کمک کد های HSL بر اساس رنگ HUE و غلظت رنگ SATURATION و نور LIGHT را خواهید داشت. مسلما وجود یک نرم افزار مانند فتوشاپ در کنار این سایت به انتخاب رنگ خیلی کمک خواهد کرد.
این ابزار یکی دیگر از شاهکارهای شرکت ادوبی Adobe است که از طریق موبایل قابل دسترس است. این ابزار به شما امکان میدهد که هر عکس را به یک پالت رنگ تبدیل کنید. این نرم افزار کشور ایران را تحریم کرده است. و هنگامیکه از طریق سایت http://www.adobe.com/products/capture.html روی دکمه دریافت نرم افزار کلیک میکنید به سایت گوگل پلی Google play منتقل شده و در آنجا بجای پیام دانلود تنها عبارت این نرم افزار از کشور شما قابل دسترس نیست را مشاهده می کنید. متاسفانه حتی با نرم افزارهای ویژه دور زدن تحریم ها هم نتوانستیم این نرم افزار را دانلود کنیم. بنابراین از توضیح بیشتر درباره جزئیات آن اجتناب می کنید.
انتخاب رنگ بیشتر کاری سلیقه ای است و شما نیازی نیست که به شدت وسواس در این حوزه داشته باشید اما سوال اصلی این است که از کجا بدانیم که رنگ ها با یکدیگر همخوانی دارند؟
خوشبختانه، لازم نیست که شما یک استاد رنگ شناسی باشید یا مهارت های زیادی داشته باشید تا بتوانید یک پالت رنگ مناسب را برای اجرا در یک وب سایت انتخاب کنید؛ ابزارهای زیادی وجود دارند که در این زمینه می توانند به شما کمک کنند. در اینجا برخی از بهترین ابزارهای رنگ برای طراحی وب به شما معرفی خواهند شد.
Colorspire یک طراح رنگ سه مرحله ای است که به کاربران اجازه می دهد تا یک رنگ پایه را انتخاب کرده، از چرخه رنگ استفاده کرده و سپس یک طرح رنگی ایجاد کنند. در این برنامه پیش نمایش رنگ برای چک کردن ترکیب رنگ سریع در دسترس است.