آزمایشگاه رنگ

مولد پالت و چرخه رنگ

آزمایشگاه رنگ پالت می‌سازد با هارمونی، حال‌وهوا و رَمپ شید سیستم طراحی — نه فقط چند رنگ تصادفی.

هارمونی و mood را انتخاب کنید، رنگ‌های خوب را قفل کنید، با Space بقیه را نو کنید و خروجی توکن یا کنتراست بگیرید.

  • Spaceپالت جدید
  • Lقفل سواچ
  • 1–8فوکوس سواچ

مولد پالت

هارمونی و حال‌وهوا را انتخاب کن. رنگ‌های خوب را قفل کن، بعد با Space بقیه را نو کن.

هارمونی
حال‌وهوا / استایل

چرخه رنگ

روی حلقه برای فام، و روی مربع داخلی برای خلوص و روشنایی بکش.

RGB 255, 107, 53

HSL 16° 100% 60%

HSV 16° 79% 100%

OKLCH —

OKLAB —

CMYK —

برای UI وب OKLCH/OKLAB بهترند؛ RGB برای پیکسل؛ CMYK فقط برای چاپ.

سیستم توکن UI

جدا از هارمونی آکادمیک: رمپ Primary / Neutral / Surface برای Design System (۵۰–۹۵۰، OKLCH + hue-shift).

پیش‌نمایش UI

پیش‌نمایش زنده در کانتکست

خانه کارها شروع طراحی

Nova Color Lab

همین پالت، روی یک رابط واقعی

منو، دکمه، چیپ و اینپوت — قبل از Figma، CSS یا Unity ببین نقش‌ها چطور می‌مانند.

اصلی موفقیت هشدار خطا

ماتریس کنتراست WCAG

نسبت کنتراست همه ترکیب‌های متن/پس‌زمینه در پالت فعلی.

بررسی دید رنگی

نوار پالت + نمونه متن روی هر شبیه‌سازی — برای جزئیات بیشتر شبیه‌ساز کامل را باز کن.

گالری پالت‌های موضوعی → تست کامل دسترسی‌پذیری → شبیه‌ساز کوررنگی →

بیشتر بدان

چرا این ابزار به کارت می‌آید

اگر دنبال ساخت پالت رنگ آنلاین رایگان هستید، Color Lab فقط چند رنگ تصادفی نیست: هارمونی، حال‌وهوا، رَمپ شید، پیش‌نمایش UI و خروجی توکن را یک‌جا دارد تا برای رابط کاربری، برند و کلاس طراحی سریع به نتیجه برسید — بدون نصب و بدون ثبت‌نام.

چطور شروع کنی

  1. هارمونی و حال‌وهوا را انتخاب کن

    آنالوگ، مکمل، سه‌گانه یا قانون ۶۰-۳۰-۱۰ را بزن و mood مناسب پروژه را انتخاب کن.

  2. رنگ‌های خوب را قفل کن

    با Space پالت را نو کن؛ رنگ‌هایی که دوست داری قفل بمانند تا بقیه عوض شوند.

  3. کنتراست و توکن را چک کن

    رمپ Primary/Neutral را ببین، کنتراست را بسنج و خروجی CSS، SCSS یا Tailwind بگیر.

چی گیرت می‌آید

  • رایگان و بدون ثبت‌نام
  • هارمونی + mood + پیش‌نمایش UI در یک جریان
  • خروجی چندفرمتی برای توسعه‌دهنده و طراح
  • لینک مستقیم به کنتراست‌چکر و شبیه‌ساز کوررنگی

کجاها می‌درخشد

طراحی UI و Design System

پالت و رَمپ را برای دکمه، سطح و متن بساز و مستقیم به توکن تبدیل کن.

برند و تصویرسازی

برای لوگو، پوستر یا مودبورد سریع چند گزینهٔ هارمونیک بساز.

کلاس و ورکشاپ

بدون نصب نرم‌افزار، تئوری رنگ را روی پالت زنده تمرین کنید.

سوالات پرتکرار

آیا ساخت پالت رنگ در Nova Lab رایگان است؟

بله. همهٔ قابلیت‌های مولد پالت و چرخه رنگ بدون ثبت‌نام در مرورگر در دسترس است.

تفاوت این ابزار با Coolors چیست؟

علاوه بر تولید سریع، هارمونی، رَمپ سیستم طراحی، چک دسترسی‌پذیری و خروجی توکن را در همان صفحه دارید.

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

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

خروجی را چطور در Figma یا کد استفاده کنم؟

HEX را کپی کنید یا خروجی CSS/SCSS/Tailwind و توکن را از منوی Export بگیرید.

آیا داده‌ای به سرور فرستاده می‌شود؟

تولید پالت روی دستگاه شما اجرا می‌شود؛ برای کار روزمره نیازی به آپلود تصویر اجباری نیست.

این‌ها را هم دوست داری

◇ طراحی محصول →
پالت‌های موضوعی پالت‌های آماده‌ی چهاررنگ را بر اساس حال‌وهوا بگرد، یا موضوع پروژه را بنویس تا هوش مصنوعی تم رنگی تازه بسازد. کنتراست‌چکر دسترسی‌پذیری نسبت کنتراست متن و پس‌زمینه را با معیارهای WCAG 2.2 بسنج — برای تست خوانایی متن، تیتر و اجزای رابط. شبیه‌ساز دید رنگی پالت و اسکرین‌شات رابط را در اختلال‌های مخروط قرمز، سبز و آبی ببین — جفت‌رنگ‌های مشکل‌دار را اصلاح کن و کنتراست را جداگانه در ابزار خودش بسنج.

همه ابزارها →