پالت رنگی از دو حالت پشتیبانی میکند: ایجاد طرحهای رنگی و استخراج پالت رنگی از تصاویر. در حالت تولید، یک رنگ پایه و یک قانون هارمونی انتخاب کنید. در حالت استخراج، تصویری را آپلود کنید تا رنگهای غالب آن استخراج شود یا از قطرهچکان برای انتخاب دقیق استفاده کنید. تمام پردازش در مرورگر شما انجام میشود.
تصاویر را برای استخراج خودکار پالتها با قطرهچکان برای انتخاب دقیق آپلود کنید
خروجی به عنوان متغیرهای CSS، Tailwind v4 و متغیرهای SCSS
رنگهای جداگانه را قفل کنید تا در هنگام تولید مجدد حفظ شوند
برای کپی هر رنگی در قالب HEX، RGB یا HSL کلیک کنید
پردازش کاملاً آفلاین — هیچ چیز به سرورها آپلود نمیشود
نحوه استفاده
1در حالت تولید، یک رنگ پایه و یک قانون هارمونی انتخاب کنید
2پالت بهطور خودکار بهروز میشود — رنگهای جداگانه را قفل یا کپی کنید
3به حالت استخراج بروید و تصویری را برای استخراج پالت آن آپلود کنید
4روی دکمه خروجی کلیک کنید تا تنظیمات CSS/Tailwind/SCSS کپی شود
سوالات متداول
تفاوت این ابزار با مبدل رنگ و انتخابگر رنگ چیست؟
مبدل رنگ بین فرمتهای HEX، RGB، HSL و غیره تبدیل میکند. انتخابگر رنگ یک رنگ واحد را از یک تصویر انتخاب میکند. پالت رنگی طرحهای رنگی هماهنگ از یک رنگ پایه ایجاد میکند یا پالتهای کاملی را از تصاویر استخراج میکند.
آیا میتوانم رنگهای جداگانه را در پالت قفل کنم؟
بله. هر نمونه رنگ دکمه قفل دارد. رنگهای قفل شده هنگام تغییر رنگ پایه یا قانون هارمونی حفظ میشوند. فقط رنگهای قفل نشده دوباره تولید میشوند.
مبتدیان باید از کدام قوانین هارمونی استفاده کنند؟
مکمل طراحیهای با کنتراست بالا ایجاد میکند. مشابه ظریف و یکپارچه است — عالی برای برندسازی. تکرنگ تمیز و حرفهای است. سهتایی و چهارتایی پیشرفتهتر هستند اما پالتهای غنی و متعادلی ایجاد میکنند.
دقت استخراج پالت رنگی از تصاویر چقدر است؟
با استفاده از دستهبندی رنگ با ادغام فاصله اقلیدسی، ابزار تا 8 رنگ غالب را استخراج میکند. پیکسلهای شفاف فیلتر میشوند و هر رنگ درصد خود را نشان میدهد. برای انتخاب دقیق، از حالت قطرهچکان استفاده کنید.
آیا دادههای من به سروری آپلود میشود؟
خیر. تمام محاسبات رنگ و پردازش تصویر کاملاً در مرورگر شما انجام میشود. هیچ چیزی آپلود نمیشود.
خروجی Tailwind کدام نسخه را هدف قرار میدهد؟
خروجی Tailwind از نحو رنگ سفارشی @theme نسخه Tailwind CSS v4 با استفاده از متغیرهای --color-* استفاده میکند.