محاسبه

سازنده پالت رنگ رایگان

فوراً یک پالت رنگ منطبق از یک رنگ HEX ایجاد کنید: سایه‌ها، مکمل‌ها، مشابه‌ها، سه‌گانه‌ها و چهارگانه‌ها. شامل کپی HEX/RGB/HSL.

خالق پالت رنگ
تُن‌های روشن (تینت‌ها)
رنگ‌های تیره (سایه‌ها)
مکمل
آنالوگ
سه‌گانه
تترادیک
اطلاعات

درباره سازنده پالت رنگ رایگان

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

ابزار؛ رنگ‌ها (سایه‌های روشن) و سایه‌ها (رنگ‌های تیره), مکمل, آنالوگ, سه‌گانه و تترادیک این برنامه هارمونی‌های رنگ را طبق نظریه رنگ محاسبه می‌کند. برای هر رنگ... هگز, آر جی بی و اچ اس ال شما می‌توانید فرمت‌ها را با یک کلیک کپی کنید. می‌توانید رنگ مورد نظر را با تایپ کد HEX یا استفاده از انتخابگر رنگ وارد کنید.

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

چگونه از آن استفاده کنیم؟

گام به گام

  1. کد رنگ را در کادر HEX وارد کنید (مثلاً #3b82f6) یا با کلیک روی نماد انتخاب رنگ، رنگ را مرور کنید.
  2. این ابزار به طور خودکار رنگی را که انتخاب کرده‌اید، انتخاب می‌کند. سایه‌ها, مکمل, آنالوگ, سه‌گانه و تترادیک پالت تولید می‌کند.
  3. زیر هر کادر رنگی هگز، آرجی‌بی و اچ‌اس‌ال مقادیر را مشاهده خواهید کرد؛ با کلیک روی قالب مورد نظر، آنها را در کلیپ بورد کپی کنید.
  4. وقتی رنگ اصلی را تغییر می‌دهید، تمام پالت‌ها فوراً به‌روزرسانی می‌شوند؛ پیش‌نمایش زنده به لطف این، فوراً هماهنگی را خواهید دید.
سوالات متداول

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

رنگی که دقیقاً روبروی (۱۸۰ درجه) رنگ انتخابی در چرخه رنگ قرار دارد، رنگ مکمل نامیده می‌شود. این رنگ کنتراست بالایی ایجاد می‌کند و برای رنگ‌های تأکیدی چشم‌نواز ایده‌آل است.

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

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

شما می‌توانید با کلیک روی color picker، color picker سیستم عامل خود را باز کنید. اگر مقادیر RGB یا HSL دارید، می‌توانید ابتدا آنها را با استفاده از یک مبدل آنلاین به HEX تبدیل کرده و در اینجا جایگذاری کنید.

مقدار HEX یا HSL هر رنگ را کپی کنید. :root { --primary: #3b82f6; } می‌توانید آن را به عنوان یک متغیر CSS مانند این تعریف کنید. فرمت HSL به ویژه برای تنظیم روشنایی/اشباع از طریق برنامه‌نویسی مناسب است.