1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

21 پالت برتر برای طراحی سایت

شروع موضوع توسط AftabGardoon ‏5/2/19 در انجمن CSS

  1. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    برای داشتن یک وب‌سایت زیبا، اجزای مختلفی باید دست به دست یک‌دیگر بدهند. یکی از این اجزای مهم، رنگ است. رنگ، جزء مهمی از هر طراحی است. انتخاب یک رنگ‌بندی مناسب کاری است که تمامی طراحان و هنرمندان با آن سروکار دارند. رنگ‌بندی مناسب می‌تواند کار شما رو به یک کار بی‌نظیر تبدیل کند و از طرفی رنگ‌بندی نامناسب می‌تواند باعث شکست پروژه، طراحی یا کار هنری شما شود.

    در ادامه به معرفی 21 سایت که به شما در انتخاب یک رنگ‌بندی عالی کمک می‌کند می‌پردازیم.

    [​IMG]
     
    اُت و DaniyaL از این پست تشکر کرده اند.
  2. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    1- COOLORS
    آدرس: coolors.co

    COOLORS به شما اجازه می‌دهد که یک تصویر دلخواه را آپلود کنید و متناسب با رنگ‌های موجود در آن به شما یک جعبه رنگ می‌دهد. شما می‌توانید این جعبه رنگ را در فرمت‌های PDF، PNG، SVG، SCSS یا COPIC ذخیره کنید. اپلیکشن موبایل COOLORS نیز برای سیستم عامل‌های اندروید و iOs وجود دارد. به علاوه می‌توانید از پلاگین آن برای Adobe Photoshop و Adobe Illustrator هم استفاده کنید.
     
    اُت از این پست تشکر کرده است.
  3. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    2- ADOBE KULER: COLOR WHEEL
    آدرس: color.adobe.com/create/color-wheel

    این سایت، ابزار رسمی شرکت Adobe برای کمک به ساخت جعبه رنگ است. برای ساختن یک جعبه رنگ، دو انتخاب پیش روی شماست: می‌توانید با چرخاندن دایره رنگی و انتخاب رنگ مدنظرتان، رنگ‌بندی دلخواهتان را ایجاد کنید. علاوه بر این می‌توانید یک تصویر را آپلود کنید تا Adobe Kuler بر حسب آن رنگ‌بندی دلخواه را ایجاد کند. در نهایت اگر یک حساب Creative Cloud دارید می‌توانید جعبه رنگی که ساختید را در آن ذخیره کنید.

    [​IMG]
     
    اُت از این پست تشکر کرده است.
  4. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    3- PALETTON
    آدرس: paletton.com

    Paletton به شما اجازه می‌دهد که یک رنگ را به عنوان رنگ پایه انخاب کنید و سپس تعداد زیادی رنگ‌های مشابه در جعبه‌های کوچکی در کنار آن به نمایش درمی‌آید. در Paletton می‌توانید با ایجاد یک لینک برای جعبه رنگ ساخته شده، آن را به اشتراک بگذارید. برای تنظیم دقیق‌تر رنگ‌های جعبه رنگ، می‌توانید «Adjacent Colors» را انتخاب کنید که رنگ‌های مشابه را به شما نشان می‌دهد. هم‌چنین امکان انتخاب گزینه‌های «Triad» و «Tetrad» برای ساختن رنگ‌بندی هایی با سه و چهار رنگ وجود دارد.
     
    اُت از این پست تشکر کرده است.
  5. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    4- PICTACULOUS
    آدرس: pictaculous.com

    Pictaculous فقط با تصاویر کار می‌کند. به این صورت که شما یک تصویر را آپلود می‌کنید و با استفاده از Kuler و COLOUR یک رنگ‌بندی ایجاد می‌کند. درنهایت می‌توانید این رنگ‌بندی را به صورت فایل Adobe Swatch دانلود کنید.
     
    اُت از این پست تشکر کرده است.
  6. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    ۵- DEGRAEVE’S COLOR PALETTE GENERATOR
    آدرس: degraeve.com/color-palette

    این ابزار، یک ابزار ساده برای ایجاد رنگ‌بندی مورد نظرتان است. روش کار به این صورت است که URL یک تصویر را به آن می‌دهید و بر اساس آن یک رنگ‌بندی برای شما می‌سازد. اگرچه روش کار بسیار ساده است ولی می‌تواند به خوبی نیاز
     
    اُت از این پست تشکر کرده است.
  7. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    ۶- COLLLOR
    آدرس: colllor.com

    با استفاده از COLLLOR شما ابتدا رنگ مورد نظرتان را از قسمت Color Picker موجود در سایت انتخاب می‌کنید. بر اساس این رنگ انتخاب شده، COLLLOR رنگ‌بندی‌هایی با شدت تیرگی و روشنی و عمق رنگ متفاوت برای شما ایجاد می‌کند.
     
    اُت از این پست تشکر کرده است.
  8. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    ۷- CSS DRIVE: IMAGE TO COLORS PALETTE GENERATOR
    آدرس: cssdrive.com/imagepalette

    با کمک این ابزار شما می توانید یک تصویر را آپلود کنید و یا URL آن را وارد کنید تا بر اساس آن کد رنگ یا رنگ بندی مدنظرتان ساخته شود. جعبه رنگی که در نهایت سایت تحویل شما می‌دهد در سه کلاس روشن، معمولی و تیره خواهد بود.
     
    اُت از این پست تشکر کرده است.
  9. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    ۸- PALETTEGENERATOR
    آدرس: palettegenerator.com

    با استفاده از این ابزار شما می‌توانید تا 20 تصویر مختلف به منظور ساختن یک جعبه رنگ بر اساس آن‌ها آپلود کنید. بعد از آپلود تصویر و ساخته شدن جعبه رنگ، میزان تفکیک رنگ را می‌توانید با استفاده از یک نوار لغزان تعیین کنید. از دیگر ویژگی‌های این ابزار این است که می‌توانید ناحیه مشخصی از تصویر را انتخاب کنید تا جعبه رنگ فقط بر اساس آن محدوده ساخته شود.
     
    اُت از این پست تشکر کرده است.
  10. مدیر بازنشسته☕

    تاریخ عضویت:
    ‏15/8/17
    ارسال ها:
    5,336
    تشکر شده:
    42,669
    امتیاز دستاورد:
    113
    ۹- MATERIAL PALETTE
    آدرس: materialpalette.com

    در Material Palette، رنگ‌های مختلف به صورت کاشی‌وار وجود دارد. شما می‌توانید دو رنگ مختلف را انتخاب کنید تا یک رنگ‌بندی بر اساس آن‌ها ساخته شود. جعبه رنگ ساخته شده را می‌توانید دانلود و یا توئیت کنید.

    [​IMG]
     
    اُت و DaniyaL از این پست تشکر کرده اند.