صادرکننده پالت
مجموعهای از رنگها را بچسبانید یا وارد کنید و فوری به متغیرهای CSS، SCSS، پیکربندی Tailwind، JSON یا نمونههای SVG صادر کنید — گام پایانی برای هر پالت.
مقادیر HEX را بچسبانید (هر خط یکی، یا جداشده با کاما/فاصله). rgb() و hsl() هم قابل قبول هستند.
رنگ معتبری پیدا نشد — ورودی را بررسی کنید.
همه چیز در مرورگر شما اجرا میشود — یک پالت بچسبانید و کد آماده تولید را در هر قالب کپی کنید. بدون ثبتنام، کاملاً رایگان.
درباره صادرکننده پالت
خروجیگیر پالت، مرحله نهایی برای هر پالت رنگی است: مجموعهای از رنگها را جایگذاری کنید و کدی آماده تولید در فرمتی که پروژه شما نیاز دارد دریافت کنید. این ابزار مقادیر HEX را هر خط یک عدد یا جداشده با کاما و فاصله میپذیرد، و نمادهای ()rgb و ()hsl را نیز میفهمد.
شش فرمت خروجی بهصورت زنده تولید میشوند: متغیرهای سفارشی CSS، متغیرهای SCSS، یک بلوک رنگ پیکربندی Tailwind، JSON، نمونهرنگهای SVG و یک فهرست ساده HEX. یک پیشوند متغیر قابلتنظیم نامهای تولیدشده را با کدپایه شما هماهنگ نگه میدارد، و هر فرمت را میتوان در کلیپبورد کپی کرد یا بهصورت فایل دانلود کرد.
همهچیز در مرورگر شما اجرا میشود؛ رنگهایی که جایگذاری میکنید هرگز بهجایی فرستاده نمیشوند. این ابزار بهطور طبیعی با دیگر ابزارهای پالت جفت میشود: در جای دیگری یک پالت استخراج یا تولید کنید، اینجا جایگذاری کنید، و دقیقاً همان قطعه کدی را که برگه سبک، فریمورک یا خط تولید طراحی شما نیاز دارد بردارید.
نحوه استفاده از صادرکننده پالت
- رنگهای خود را در ورودی جایگذاری کنید: HEX، ()rgb یا ()hsl، هر خط یک عدد یا جداشده با کاما.
- روی «بهروزرسانی رنگها» کلیک کنید تا آنها به یک پالت تجزیه شوند، یا نمونه را برای امتحان بارگذاری کنید.
- یک فرمت خروجی انتخاب کنید: متغیرهای CSS، SCSS، پیکربندی Tailwind، JSON، نمونهرنگهای SVG یا HEX ساده.
- در صورت تمایل به نامگذاری سفارشی، پیشوند متغیر را تنظیم کنید.
- کد تولیدشده را کپی کنید یا آن را بهصورت فایل دانلود کنید.