رنگ ها یکی از پارامترهای اصلی بصری در همه سایت ها به شمار می روند. علاوه بر زیبایی ، رنگ ها بخشی از برند شما هستند و به کسب و کار آنلاین شما هویت می بخشند. یافتن پالت رنگی مناسب برای طراحی انواع سایت نه تنها برای تازه کاران یک چالش زمانبر محسوب می شود بلکه حرفه ای ها هم امکان دارد که برای یافتن پالت رنگ خلاقانه و خاص زمان زیادی صرف کنند. در این نوشته به معرفی بهترین پالت های رنگی طراحان سایت می پردازیم. فرقی ندارد که مبتدی باشید یا حرفه ای؛ این پالت ها جذابیت منحصر به فردی به وبسایت شما می بخشند.
سایت my color space
آشنایی با این سایت واقعا کار شما را برای ساخت پالت رنگی دلخواه آسان می کند. کد رنگی دلخواه را وارد کنید تا تنها بعد از فشردن یک دکمه چندین پالت رنگی جذاب مطابق با همان کد رنگ داشته باشید.
سایت Adobe color
در این وبسایت علاوه بر مشاهده رنگ های ترند و پرطرفدار، کلیه کاربران میتوانند پالت های رنگی جدید و خاص خود را ایجاد و با سایر کاربران به اشتراک بگذارند.
با ورود به وبسایت https://color.adobe.com/ تب های creare، explore، trends، Lab و libraries رو مشاهده می کنید که هر یک قابلیت های مفیدی ارائه می کند. برای مشاهده پالت های رنگی پرطرفدار و ترند باید وارد تب trends شوید و دسته بندی مورد نظر برای پالت رو انتخاب کنید. یا اینکه عبارت website را سرچ کنید تا پالت های رنگی مناسب طراحی سایت را ببینید.
سایت coolors
Coolors یکی دیگر از منابع کاربردی برای یافتن پالت های رنگی جذاب است. همانطور که صفحه اصلی سایت coolors مشخص شده، کاربران هم میتوانند پالت های رنگی که از قبل موجود است را مشاهده کنند و کدهای رنگی را برای پروژه های خود کپی کنند یا اینکه پالت رنگی جدید بسازند.
جالب است بدانید که این ابزار گرافیکی آپ های اندروید و IOS و همینطور پلاگین فیگما و اکستنشن مرورگر کروم نیز دارد. که میتوانید آن را از خود وبسایت https://coolors.co/ دانلود یا به لینک Appstore و playstore مربوط به آن دسترسی پیدا کنید.
سایت colors.tools
این وبسایت برای شناخت و درک هارمونی، چرخه رنگ، تناژهای مختلف رنگ ها و سایه ها بسیار کاربردی است. با کمک این ابزار شما میتوانید پالت رنگی مناسب سایت خود را با بهترین هارمونی رنگی بسازید. حتی این امکان وجود دارد که رنگ ها را برای ایجاد رنگ های جدید و خلاقانه با هم ترکیب کنید؛ همچین با اضافه کردن درجه های مختلف از رنگ های سیاه و سفید تناژ های مختلف را ببینید و بهترین ها را انتخاب کنید.
سایت color hunt
محبوب ترین کالکشن های پالت های رنگی را در این وبسایت پیدا می کنید. فقط باید موضوع وبسایت خود را از بخش کالکشن ها انتخاب کنید تا جذاب ترین ترکیب رنگی های پراستفاده در بین آرتیست ها را به شما نمایش دهد. این ابزار آنلاین اکستنشن گوگل کروم نیز دارد و اگر طراح رابط کاربری هستید برای شما بسیار سودمند خواهدبود.
ربات ColorParrot
Color parrot یک ربات توییتری برای نامگذاری و شناسایی رنگ ها در تصاویر است. برای استفاده از این ربات فقط باید تصویر مورد نظر را با @color_parrot. منشن کنید تا این ربات پاسخ شما را با ارائه یک پالت رنگی منحصر به فرد بدهد.
سایت colorbox
با colorbox امکان سفارشی سازی رنگ ها، میزان کنتراست و درجه رنگ ها قابل تنظیم می باشد. از پالت های رنگی ایجاد شده در این ابزار می توانید خروجی json و خروجی قابل استفاده در پلاگین فیگما بگیرید.
سایت colordrop
این ابزار به شما امکان ساخت پالت های رنگی با تعداد رنگ 2 تا 10 رنگ یا رندم را به کمک هوش مصنوعی می دهد. شما حتی می توانید با colordrop رنگ های جذاب را از تصاویر استخراج کنید؛ این کار را با کمک ابزار scan انجام می دهد.
ابزار آنلاین khroma
Khorma یک ابزار خلاقانه مبتنی بر هوش مصنوعی است که برای متحول کردن روش کار با رنگها طراحی شده. این ابزار که به طور خاص مطابق با سلیقه کاربر طراحی شده است، از رنگ های مورد علاقه شما یاد می گیرد تا یک الگوریتم شخصی سازی شده ایجاد کند و پالت رنگی جذابی براساس رنگ های مورد علاقه کاربر بسازد. برای این کار khorma از شما می خواهد از میان دریایی از کدرنگ ها 50 رنگ انتخاب کنید. این رنگ ها برای آموزش یک الگوریتم مولد رنگ که برای شما شخصی سازی شده است استفاده می شود.
سایت Color Lisa
Color Lisa لیستی از پالت های رنگی است که بر اساس شاهکارهای بزرگترین هنرمندان جهان ساخته شده. هر پالت بوسیله بزرگترین طراحان، هنرمندان و آرتیست های بزرگ جهان به جا مانده. این پالت ها در طول زمان اضافه هم می شوند و کدهای رنگی پالت ها به روز می شوند روی حروف الفبای نام هنرمند کلیک کنید و پالت رنگ را ببیند و الهام بگیرید.
سایت color designer
خیلی جذاب است که برای هر کد رنگ تناژهای مختلف رنگی، سایه ها و رنگ های تیره و روشن و هارمونی های مختلف بسازید. این ابزار این امکان را به شما می دهد. از این جذاب تر این است که از پلاگین color designer میتوانید در فتوشاپ و فیگما هم استفاده کنید. امکانات این ابزار به همینجا خلاصه نمی شود بلکه می توانید ایجاد کننده گرادیان، سازنده پالت رنگی دلخواه، color picker مخصوص تصاویر و کلی ابزارهای سودمند دیگر نیز کمک بگیرید.
ابزار آنلاین pigment
جفت رنگی هایی که بهترین هارمونی را با هم دارند در این ابزار آنلاین که توسط Shape Factory ایجد شده، پیدا می کنید. می توانید با این جفت رنگی گرادیان بسازید و خروجی svg بگیرید. علاوه براین میزان پیگمنت یا غلظت رنگ و تیره و روشن بودن رنگ ها نیز قابل تغییر است.
https://pigment.shapefactory.co
وب اپلیکیشن colorleap
پیدا کردن پالت های رنگی مربوط به دوره های تاریخی مختلف کاری است که با کمک این وب اپلیکیشن بسادگی امکانپذیر است. هر کدام از پالت های رنگی برگرفته از آثار هنری برهه زمانی انتخاب شده خواهدبود و می توانید به سادگی کد رنگ ها را کپی کنید.
سایت picular
با ورود به این ابزار آنلاین یک دیکشنری یا فرهنگ لغات رنگی در انتظار شماست. هر مفهومی که در ذهن دارید مثل کویر، دریا، کوه یا هر چیز دیگری را در این ابزار جستجو کنید تا پالت رنگی مرتبط با این مفهوم را به شما نمایش دهد.
ابزار آنلاین colorkit
ابزاری حرفه ای برای ترکیب رنگ محسوب می شود. در colorkitشما رنگ های ابتدایی و انتهایی گرادیان و همینطور تعداد رنگ های بین رو مشخص می کنید و بعد یک طیف رنگی جذاب خواهید داشت. خروجی url یا svg هم میتونید از نتیجه کار بگیرید.
سایت Nipponcolors
این سایت یک ابزار پالت رنگ ژاپنی است که کد رنگ های ژاپنی را در سیستم رنگی CMYK و RGB در دسترس شما قرار می دهد. با اسکرول کردن طیف های مختلف رنگی این پالت را مشاهده خواهیدکرد.
ابزار آنلاین Eva Design System
Eva Web یک کتابخانه UI برای Sketch است که ایجاد طرح های جذاب برای برنامه های وب اپلیکیشن را برای طراحان آسان می کند. اما در بخش colors این ابزار امکان اختصاصی سازی رنگ برند و حالت های هشدار، موفقیت آمیز بودن عملیات و… خروجی گرفتن از آن وجود دارد.
سایت whocanuse
این سایت ابزاری است که توجه شما را به این موضوع جلب می کند که چگونه تضاد رنگ می تواند بر دید افراد مختلف مبتلا به اختلالات بینایی تأثیر بگذارد. به عنوان یک طراح سایت باید برای شما مهم باشد که پالت رنگی که انتخاب می کنید توسط افراد با ضعف های بینایی مختلف چگونه دیده می شود. به عنوان مثال افرادی که پروتانوپیا دارند؛ طیف رنگ های قرمز را به هیچ وجه نمیبینند و رنگ بنفش را آبی خواهنددید!
سایت happyhues
گاهی حتی از پالت رنگی را نیز در اختیار داشته باشید؛ مطمئن نیستید که کدام رنگ باید برای کدام بخش استفاده شود. در happyhues مثال های از نحوه و محل استفاده هر رنگ در طرح شما وجود دارد. کافیست از سمت چپ پالت رنگی را انتخاب کرده و در بخش المان ها کد های رنگی و محل قرارگیری را مشاهده کنید.
سایت Shade Generator
اگر می خواهید از تناژ های رنگی یک کد رنگ خاص استفاده کنید حتما از این ابزار استفاده کنید. shade generator کد رنگی را از شما می گیرد و 36 طیف رنگی از روشن ترین تا تیره ترین رنگ را آماده می کند. اگر هم هیچ ایده ای ندارید؛ به صورت رندم رنگ تولید کنید و طیف های رنگی را مشاهده کنید.
https://www.shadegenerator.com
Paletton
چرخه رنگ paletton ابزاری است که برای ایجاد پالت رنگی دو رنگ و چند رنگ به کمک شما می آید. میزان غلظت رنگ و تیرگی و روشنی در مرکز چرخه از طریق درگ قابل تغییر است.
انتخاب پالت رنگ استاندارد با ابزار color review
با کمک این ابزار بعد از انتخاب پالت رنگی میزان کنتراست رنگ برای حالت استاندارد قابل نمایش در صفحات وب تنظیم می شود. برای هر بخش مثل تیترها و متن بدنه اصلی این استاندارد متفاوت است.
پالت رنگ TinEye- Multicolr
مشاهده رنگ های یک پالت دقیقا روی تصاویر به طراحان دید جذابی برای ادامه کار می دهد. این سایت از MulticolorEngine برای استخراج رنگ ها از 20 میلیون تصویر در فلیکر استفاده می کند. شاید هم مانند ادعای خود سایت بهترین موتور جستجوی رنگی در جهان باشد!
https://labs.tineye.com/multicolr
ابزار آنلاین Stylify Me
خیلی از طراحان سایت با گشت و گذار در وبسایت های دیگر به طراحی ایده های جدید میرسند. اگر وبسایتی نظر شما را جلب کرده و به دنبال یافتن پالت رنگی آن هستید؛ این ابزار کار را برای شما ساده می کند. فقط باید URL سایت دلخواه را وارد کنید و همه چیز را درباره رنگ های استفاده شده به شما نشان می دهد.
سایت COLOURLovers
COLOURlovers محلی است که طراحان از سراسر جهان در آن پالت های رنگی مورد علاقه خود را به اشتراک می گذارند. شما هم میتوانید عضوی از این جامعه بزرگ باشید و از ایده های خلاقانه سایر هنرمندان بهره ببرید.
سایت brand color
اگر به کدهای رنگ و پالت رنگی برندهای محبوب و معروف جهان احتیاج دارید؛ این ابزار برای شما سودمند است. این مرجع کمک زیادی به انتخاب بهترین رنگ ها برای برندینگ شما خواهدکرد.
سایت deploy colors
این سایت به شما هزاران رنگ ترند و پرطرفدار را پیشنهاد می دهد که میتوانید کد hex هرکدام را کپی کنید. علاوه بر این گرادیان های جذاب و خاصی نیز در این سایت پیدا می کنید.
بخش colors از سایت pixelfika
در این سایت جذاب ترین پالت های رنگی برگرفته از طراحی های رابط کاربری در اختیار شما قرار گرفته. روی هر پالت رنگی که کلیک کنید علاوه بر کد رنگ ها به طراحی هر یک نیز دسترسی دارید.
Muzli Colors
با muzli پالت رنگی خود را با ترکیب ایده های هزاران پالت رنگی از قبل ایجاد شده و چاشنی خلاقیت خود بسازید. برای این کار می توانید کد یا نام رنگ یا تصویر مورد نظر خود را در به ابزار معرفی کنید. جذاب تر اینکه muzli اکستنشن مرورگر گوگل کروم نیز دارد!
سایت Color Contrast Checker
به عنوان یک طراح سایت همیشه تضاد رنگی بین محتوا و پس زمینه را حفظ کنید که محتوای سایت خوانایی مناسبی داشته و کاربرپسندتر باشد. اگر حس می کنید رنگی که انتخاب کردید باید کنتراست رنگی بیشتری داشته باشد؛ کافیست آن را در لینک زیر قرار دهید و درصد کنتراست را پیدا کرده و در صورت امکان رنگ را روشن یا تیره تر کنید.
https://marijohannessen.github.io/color-contrast-checker
وب اپلیکیشن palette
با این وب اپلیکیشن شما می توانید هر یک از پالت های رنگی را متناسب با نیازهای رابط کاربری خود ویرایش کنید و مولفه هایی مثل غلظت رنگ و… را کم و زیاد کنید و از نتیجه نهایی خروجی بگیرید.
سایت Leonardo
با کمک Leonardo امکان ایجاد تم یا قالب رنگی برای ایجاد رابط کاربری، تولید رنگ برای مقیاس های رنگی و ابزار جعبه رنگ برای تعیین میزان کنتراست و غلظت رنگ در اختیار شما قرار می گیرد. اگر توسعه دهنده سایت هستید این ابزار به شما api نیز ارائه می دهد.
ابزار آنلاین Color Tool by Material Design
این ابزار برای تعیین نقش رنگ ها در رابط کاربری بسیار مفید عمل می کند. به این صورت که به هر آیتم در صفحه یک عدد اختصاص داده و به هر عدد یک رنگ اعمال میشود. با تغییر طرح رنگی به صورت داینامیک شمای رنگی کل طرح کاربری نیز قابل تغییر و سفارشی سازی است.
https://m3.material.io/styles/color/system/overview
ساخت گردایان آنلاین با cssgradient
گرادیان و سایه های رنگی نقش مهمی در زیبایی بیشتر طرح رابط کاربری وبسایت دارد. با کمک css gradient می توانید گرادیان های جذاب بسازید یا از نمونه های موجود استفاده کنید و کد css مربوط به آن را کپی کرده و در پروژه های خود قرار دهید.
ابزار Color Picker در htmlcolor codes
یک رنگ را از پالت رنگی انتخاب کنید و ببینید که با چه رنگ هایی هارمونی دارد. دیگه از این ساده تر نمیشه! با کمک color picker یا انتخاب کننده رنگ در این ابزار از بین میلیون ها رنگ مناسب را انتخاب نمایید؛ کدرنگی های که با آن هارمونی دارد را کپی کنید و پالت رنگی برای طراحی سایت شما کامل می شود.
https://htmlcolorcodes.com/color-picker
سایت color safe
استفاده از این ابزار برای طراحی حرفه ای و اصولی و براساس دستورالعمل های WCAG بسیار مفید است. Color safe می تواند پالت رنگی انتخاب شده را روی متون مختلف برای شما تست کند تا نتیجه کار را مشاهده کنید.
ساخت پالت رنگی براساس تصویر با DeGraeve
آدرس url تصویری جذاب که رنگ های زنده و طبیعی دارد را در این ابزار وارد کنید تا پالت رنگی متناسب با تصویر را به شما تحویل دهد.
https://www.degraeve.com/color-palette
سایت flatuicolors
280 پالت رنگی دست چین شده توسط چندین طراح در این سایت منتظر شما هستند که در پروژه های رابط کاربری وبسایت خود از آنها استفاده کنید.
سایت Designspiration
این سایت برای الهام بخشی به طراحان ایجاد شده و کمک می کند که برای ایجاد پالت رنگی از تصاویر ایده بگیرید. این ابزار نسخه پرو و رایگان دارد.
https://www.designspiration.com/palette
جمع بندی
بعد از معرفی این تعداد ابزار آنلاین برای پیدا کردن پالت رنگی مناسب برای طراحی سایت دیگر بهانه ای برای نداشتن ایده رنگی وجود ندارد! ابزارهای هوش مصنوعی و حتی هنرمندان سراسر جهان به شما کمک می کنند. پس بی پروا ایده های خود را در صفحات وب عملی کنید.
