×
دریافت قیمت
+ مشاوره رایگان

بهمن 11, 1396
ابزارهای مفید برای انتخاب رنگ وب‌سایت

ابزارهای مفید برای انتخاب رنگ وب‌سایت

 

ابزارهای انتخاب رنگ ‌وب‌سایت

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

یافتن ترکیب رنگ مناسب برای یک وب سایت می تواند یک کار چالش برانگیز باشد، به خصوص زمانی که می خواهید یک طرح خاص را با نیازهای مشتری مطابقت دهید.

اهمیت انتخاب طرح رنگ

 

انتخاب یک طرح رنگ برای یک وب سایت یا هر نوع طراحی هرگز نباید به صورت تصادفی انجام شود. باید توجه زیادی به یافتن رنگ‌های مناسب با صنعت، فرهنگ، برندسازی و ایده‌های کسب‌وکار یا شخصی که آن را نشان می‌دهد، داشته باشید.

ما در این مقاله قصد معرفی تعدادی از این ابزارها را داریم.

لیستی از ابزارهای انتخاب رنگ وب‌سایت:

 

1- colormind:

 

colormindیکی از ابزارهای انتخاب ترکیب رنگ سایت

یکی از ابزارهای مناسب برای انتخاب رنگ سایت است. می‌توانید با آپلود عکس یا رنگی که برای سایت خود در نظر گرفته‌اید، رنگ‌های پیشنهادی این ابزار را مشاهده نمایید. توجه نمایید برای مشاهده‌ی رنگ‌های پیشنهادی، پس از آپلود عکس یا رنگ دلخواهتان گزینه‌ی Generate را کلیک نمایید. این ابزار به صورت آنلاین است برای ورود به سایت colormind و استفاده از امکانات ان از آدرس: colormind.io  استفاده نمایید.

2- Color Lovers:

 

Color Lover

در این ابزار الگوهای مختلفی برای انتخاب رنگ وجود دارد و با عضویت در این ابزار که در واقع نوعی انجمن محسوب می‌شود می‌توانید الگوها یا Patternn های مختلفی را لایک کرده و یا الگوهای دلخواه و زیبای خود را ایجاد نمایید. برای عضویت در این سایت ابتدا وارد آدرس : /http://www.colourlovers.com شده و سپس با کلیک روی Join the Community در این انجمن عضو شوید.

3- Color Palette Generator:

 

Color Palette Generator

ابزاری است که در آن با وارد کردن آدرس اینترنتی یک عکس می‌توانید رنگ‌های اصلی آن را مشاهده نمایید. برای استفاده از این ابزار از وارد آدرس http://www.degraeve.com/color-palette/index.php  شوید.

4- Paletton: 

 

Paletton

یکی دیگر از ابزارهای جالب است، که با استفاده از آن می‌توانید ترکیبی از رنگ‌ها را مشاهده و استفاده نمایید.

5-Gradients.io:

 

Gradients

این ابزار زمانی پیشنهاد می‌شود که شما هیچ آشنایی با نرم افزار فتوشاپ نداشته باشید یا اینکه این نرم افزار را به صورت نصبی نداشته باشید چون تعداد رنگ‌های موجود در فتوشاپ بیشتر از این ابزار آنلاین است. حدودا 24 رنگ به همراه کد آنها در این سایت پیشنهاد داده شده است. برای استفاده از این سایت از این آدرس  /http://gradients.io را در مرورگر خود وارد نمایید.

6- Colr.org:

 

colr.org

این ابزار در سایتی با همین نام قابل استفاده است. می‌توانید تصویری از روی دستگاه خود بارگذاری نموده و در صورت تمایل آن را اصلاح نمایید. علاوه بر این می‌توانید با وارد کردن آدرس یک وب سایت رنگ‌های استفاده شده در آن را مشاهده نمایید.

7- Color Wheels 4096 4096:

 

Color Wheels

برای استفاده از این ابزار از آدرس http://www.ficml.org/jemimap/style/color/wheel.html  وارد سایت آن شوید. می‌توانید رنگ مورد نظر خود را انتخاب کنید. همانطور که در تصویر زیر مشخص است این ابزار قابلیت تولید 3 رنگ websafe، websmart و unsafe را دارا می‌باشد.

8- sphere:

 

galactic

ویژگی این ابزار امکان دریافت خروجی از ترکیب رنگ‌ها است. که این خروجی می‌تواند در نرم افزارهای مختلفی مانند فتوشاپ مورد استفاده قرار گیرد. علاوه بر این با انتخاب یک رنگ می‌توانید رنگ‌های هم هارمونی با آن رنگ را نیز مشاهده نمایید.

9- Adobe Color CC:

 

ابزار رایگان Adobe Color CC در برگه جدید باز می شود مدتی است که وجود داشته است و یکی از بهترین ابزارهای رنگی موجود برای انتخاب پالت رنگ است. نه تنها می توانید طرح های رنگی خود را ایجاد کنید، بلکه می توانید آنچه را که دیگران ایجاد کرده اند نیز کشف کنید. یک رنگ را از چرخ (یا از یک تصویر) انتخاب کنید و قوانین رنگی مانند استفاده از رنگ‌های مکمل، رنگ‌های تک رنگ یا سایه‌های رنگی را که انتخاب می‌کنید، اعمال کنید تا یک پالت رنگ ایجاد کنید. یا روی هر رنگ کلیک کنید و چرخه رنگ را بررسی کنید تا انتخاب را سفارشی کنید.

جدیدترین ویژگی Adobe Color CC ابزارهای دسترس‌پذیری است که به شما می‌گوید آیا رنگ‌هایی که انتخاب می‌کنید ایمن هستند و می‌توانند به عنوان پس‌زمینه برای متن خوانا استفاده شوند.

10- Coolors

 

کولرها یک مولد سریع پالت رنگی است که می توانید از آن برای ایجاد فوراً یک طرح رنگی عالی برای طراحی های وب سایت خود استفاده کنید.

با استفاده از این ابزار می توانید به راحتی و بدون داشتن تجربه، ترکیب رنگ های زیبایی ایجاد کنید. یا می توانید طرح های رنگی ایجاد شده توسط طراحان دیگر را بررسی کنید و پالت رنگ آنها را برای پروژه های خود نیز کپی کنید.

11- Material Color Tool

 

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

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

12- Color Safe

 

Color Safe ابزار جالبی است که به شما کمک می کند یک طرح رنگی با رنگ هایی ایجاد کنید که با دستورالعمل های WCAG مطابقت دارند.

این می تواند ابزار مهمی برای طراحانی باشد که می خواهند از قانون حفظ رنگ های پیش زمینه و پس زمینه در نسبت کنتراست 4.5:1  پیروی کنند. ژنراتور به شما کمک می کند تا رنگ های مناسبی را پیدا کنید که مطابق با این دستورالعمل ها باشد.

13- ColorCode

 

Colorcode ابزار ساده دیگری برای انتخاب سریع طرح رنگ است. شبیه به ابزار Colordot کار می کند. با این حال، ابزار Colorcode سفارشی‌سازی را کمی بیشتر می‌کند و به طراحان اجازه می‌دهد فوراً ترکیب رنگ‌های تک رنگ، آنالوگ، سه‌گانه، چهارگانه و دیگر سبک‌های رنگی را پیدا کنند. هنگامی که طرح رنگ خود را انتخاب کردید، همچنین می توانید پالت را به صورت .scss، .Less یا حتی به صورت PNG دانلود کنید.

14- Material Design Palette

 

اگر قصد دارید یک وب سایت یا طراحی اپلیکیشن بر اساس طراحی متریال ایجاد کنید، این مولد پالت رنگ مفید خواهد بود. هنگامی که دو رنگ را به عنوان اصلی و ثانویه خود انتخاب کردید، پالت طراحی متریال یک پیش نمایش زنده از نحوه ظاهر رنگ ها در یک طراحی واقعی به شما ارائه می دهد. سپس، می توانید پالت رنگ را به صورت CSS، SVG، SASS، LESS، PNG و موارد دیگر دانلود کنید.

15- Dribbble

 

Dribbble دارای یک چشمه منحصر به فرد از تصاویر و آثار هنری جالب است. بینندگان می توانند با استفاده از یک تابع جستجوی خاص، کد رنگ را مرور کنند. این ابزار بسیار مورد علاقه طراحان حرفه ای و آماتور است.

16- Palettr

 

Palettr با دیگر مولدهای طرح رنگ متفاوت است. به جای انتخاب دستی رنگ ها، این ابزار به شما امکان می دهد یک طرح رنگی بر اساس یک موضوع یا مکانی مانند نیویورک، پاریس، رم، یا زمستان و تابستان ایجاد کنید.

نتیجه گیری:

در این مطلب تعدادی از ابزارهای انتخاب ترکیب رنگ سایت معرفی شد. ابزارهای دیگری برای نیز وجود دارد که می‌توانید از آنها استفاده نمایید.

Rate this post
مقالات مرتبط
پیام بگذارید