ابزارهای رنگ

تولیدکننده پالت رنگ: طرح‌ها، سایه‌ها و خروجی – رایگان

رایگان، بدون ثبت‌نام، در مرورگرتان کار می‌کند. پالت پنج‌رنگی بسازید، رنگ‌ها را قفل کنید یا از رنگ خودتان طرح بسازید. 11 سایه هر رنگ را ببینید و خروجی CSS، Tailwind، JSON یا HEX بگیرید.

یا Space را فشار دهید. رنگ‌های موردعلاقه را قفل کنید تا نگه داشته شوند.

ساخت از یک رنگ

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

سایه‌های #2F5BFF

برای کپی کردن، روی یک سایه کلیک کنید. برای دیدن سایه‌های آن، رنگ دیگری را در پالت انتخاب کنید.

خروجی بگیرید

پالت‌ها روی دستگاه شما ساخته می‌شوند.

چرا از تولیدکننده پالت رنگ استفاده کنیم

100% رایگان
هر چند وقت که بخواهید از آن استفاده کنید. بدون ثبت‌نام، بدون واترمارک و بدون نیاز به نصب.
حریم خصوصی از ابتدا
آنچه تایپ می‌کنید در مرورگر شما می‌ماند و هرگز برای ما ارسال نمی‌شود.
روی هر دستگاهی کار می‌کند
در مرورگر روی Windows، Mac، Linux، Android و iPhone اجرا می‌شود. نیازی به برنامه نیست.

طرز استفاده از تولیدکننده پالت رنگ

  1. روی «تولید پالت» کلیک کنید یا کلید فاصله را بزنید تا وقتی رنگ‌های موردعلاقه‌تان را ببینید.
  2. روی «قفل» هر رنگ کلیک کنید تا وقتی بقیه تغییر می‌کنند آن رنگ بماند. برای تنظیم دقیق رنگ از «ویرایش» و انتخاب‌گر استفاده کنید.
  3. برای شروع از رنگ خودتان، آن را زیر «ساخت از یک رنگ» وارد کنید، یکی از هماهنگی‌ها (مجاور، مکمل، مکمل شکافته، سه‌گانه، چهارگانه یا تک‌رنگ) را انتخاب کنید و روی «اعمال» کلیک کنید.
  4. روی کد HEX یک رنگ کلیک کنید تا 11 سایه آن را از 50 تا 950 ببینید. روی هر سایه کلیک کنید تا کپی شود.
  5. زیر «خروجی»، یکی از متغیرهای CSS، Tailwind، JSON یا فهرست HEX را انتخاب کنید، سپس «کپی» یا «دانلود» بزنید.

پرسش‌های متداول

چطور از یک رنگ، پالت رنگی بسازم؟

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

هماهنگی‌های رنگی چیستند؟

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

کدام هماهنگی را انتخاب کنم؟

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

سایه‌ها و تینت‌ها چیستند؟

نسخه‌های تیره‌تر و روشن‌تر یک رنگ. مقیاس سایه یازده گام از 50 (روشن‌ترین) تا 950 (تیره‌ترین) در همان رنگ می‌دهد، همان‌طور که سیستم‌های طراحی نام‌گذاری می‌کنند.

چطور پالت را در کدم استفاده کنم؟

آن را به‌صورت متغیرهای CSS (از --color-1 تا --color-5)، بلوک @theme برای Tailwind، آرایه JSON یا فهرست ساده کدهای HEX خروجی بگیرید، سپس کپی کنید یا به‌صورت فایل دانلود کنید.

آیا خروجی Tailwind با Tailwind CSS v4 کار می‌کند؟

بله. این یک بلوک @theme با --color-palette-100 تا --color-palette-500 است که Tailwind v4 آن را به کلاس‌هایی مانند bg-palette-100 تبدیل می‌کند. برای نسخه 3، کدهای HEX را در بخش colors پیکربندی‌تان کپی کنید.

آیا می‌توانم بعضی رنگ‌ها را نگه دارم و بقیه را عوض کنم؟

بله. رنگ‌هایی را که می‌خواهید نگه دارید قفل کنید. «تولید پالت» و «اعمال» فقط رنگ‌های قفل‌نشده را عوض می‌کنند و پالت تصادفی با اولین رنگ قفل‌شده شما هماهنگ ساخته می‌شود.

آیا چیزی بارگذاری می‌شود؟

خیر. پالت‌ها روی دستگاه شما ساخته می‌شوند.

آیا تولیدکننده پالت رنگ رایگان است؟

بله. استفاده از آن رایگان است، بدون ثبت‌نام و بدون نیاز به نصب.

راهنما و آموزش‌ها (به انگلیسی)

ابزارهای مرتبط