این ابزار درست کار نمی‌کند؟

دربارهٔ ابزار «تولید پالت رنگ آنلاین»

این ابزار پالت‌های رنگی هماهنگ از یک رنگ پایه یا seed تصادفی تولید می‌کند. طرح‌های مکمل، آنالوگ، triadic، tetradic یا monochromatic را انتخاب کنید، و ابزار مجموعه‌ای هماهنگ از ۴-۶ رنگ با مقادیر hex، RGB و HSL تولید می‌کند که می‌توانید مستقیماً در ابزارهای طراحی خود کپی کنید.

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

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

چطور از این ابزار استفاده کنم؟

چطور یک پالت رنگ UI از رنگ‌های anchor تولید کنم؟

  1. اولین anchor را انتخاب کنید

    «Color 1» الزامی است — یک hex مثل `#6366f1` یا `#fc3` (# اختیاری). این hue اصلی است که پالت بر اساس آن ساخته می‌شود.

  2. anchorهای ۲ و ۳ اختیاری

    «Color 2» و «Color 3» شما را به سمت hueهای ثانویه و ثالثیه راهنمایی می‌کنند. خالی بگذارید تا ابزار تون‌های مکمل را استخراج کند؛ مقدار hex بدهید تا anchorهای خاص قفل شوند.

  3. «اجرا» را بزنید

    خروجی شامل seedHexes (anchorهای اعتبارسنجی‌شده) و palettes — چندین پالت آمادهٔ استفاده (سطوح UI، accent، متن تنت‌دار) که با تغییر lightness و saturation حول anchorهای شما تولید شده است.

  4. در ابزارهای طراحی استفاده کنید

    هر hex از خروجی را در Figma، تنظیمات Tailwind یا design tokens خود کپی کنید. این ابزار را با wcag-contrast-checker-online جفت کنید تا تأیید کنید جفت‌های foreground/background انتخاب‌شده قابل‌دسترس هستند.