پالت‌های رنگی هماهنگ از چرخ رنگ تعاملی بسازید — قوانین هارمونی مثل آنالوگ، مکمل یا سه‌گانه را اعمال کنید و هر مقدار را فوری کپی کنید.

روشنایی 100%
قانون هارمونی
رنگ فعال
HEX
RGB
HSL
پالت

یک قانون هارمونی و رنگ پایه انتخاب کنید، سپس نشانگرهای چرخ را برای تنظیم دقیق بکشید. روی هر نمونه کلیک کنید تا کپی شود یا به عنوان رنگ پایه جدید تنظیم شود.


درباره مولد پالت رنگ

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

هر نمونه رنگ مقادیر HEX، RGB، HSL و HSB خود را نشان می‌دهد، و هر رنگ در پالت را می‌توان با یک کلیک به رنگ پایه جدید ارتقا داد. یک اسلایدر روشنایی کل طرح را روشن‌تر یا تیره‌تر می‌کند در حالی که روابط فام (hue) ثابت می‌ماند، که کاوش در نسخه‌های مختلف یک طرح را بسیار سریع می‌کند.

همه‌چیز به‌صورت زنده در مرورگر شما با استفاده از ریاضیات نظریه رنگ روی چرخ HSV محاسبه می‌شود؛ هیچ آپلودی و هیچ رفت‌وبرگشتی با سرور وجود ندارد. وقتی پالت مناسب به نظر رسید، مقادیر جداگانه، همه رنگ‌ها یک‌جا، متغیرهای آماده CSS یا خروجی JSON را کپی کنید.

نحوه استفاده از مولد پالت رنگ

  1. یک رنگ پایه را با انتخاب‌گر بردارید، یک مقدار تایپ کنید، یا روی «تصادفی» کلیک کنید.
  2. یک قاعده هارمونی مانند مشابه، مکمل، سه‌تایی یا مربعی انتخاب کنید.
  3. نشانگرها را روی چرخ بکشید و اسلایدر روشنایی را تنظیم کنید تا طرح را دقیق کنید.
  4. روی یک نمونه رنگ کلیک کنید تا کپی شود، یا آن را به‌عنوان رنگ پایه جدید تنظیم کنید تا تکرار کنید.
  5. پالت را با «کپی همه»، «کپی متغیرهای CSS» یا «کپی JSON» خروجی بگیرید.

سوالات متداول

بله، کاملاً رایگان است. محاسبات پالت یکسره در مرورگر شما اجرا می‌شود، پس هیچ اعتبار، حسابی یا محدودیت استفاده‌ای در کار نیست.

هر قاعده، رنگ‌های دیگر پالت را در زوایای ثابتی روی چرخ رنگ نسبت به رنگ پایه شما قرار می‌دهد: مکمل روبه‌رو می‌نشیند (۱۸۰ درجه)، سه‌تایی رنگ‌ها را با فاصله ۱۲۰ درجه قرار می‌دهد، مشابه همسایه‌ها را نزدیک نگه می‌دارد، مکمل تقسیم‌شده دو طرف فام مقابل را می‌گیرد، و مربعی چهار فام را با فاصله ۹۰ درجه می‌چیند.

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

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

هر نمونه رنگ مقادیر HEX، RGB، HSL و HSB را نشان می‌دهد که همگی جداگانه قابل‌کپی‌اند. همچنین می‌توانید کل پالت را به‌صورت مقادیر ساده، ویژگی‌های سفارشی CSS آماده برای برگه سبک، یا JSON برای تحویل به کد یا ابزارهای طراحی کپی کنید.

اشتراک‌گذاری

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

این ابزار رایگان را به وب‌سایت خود اضافه کنید — کد زیر را کپی و جای‌گذاری کنید.