راهنمای استخراج پالت رنگ

پالت‌های رنگی غالب را از تصاویر JPG، PNG، WebP، AVIF، GIF، BMP یا TIFF استخراج کنید. کدهای HEX و RGB هر رنگ را دریافت کنید. تمام پردازش‌ها به صورت محلی در مرورگر شما انجام می‌شود — هیچ فایلی به سرور ارسال نمی‌شود.

آنچه نیاز دارید

مرورگر — کروم، فایرفاکس، سافاری یا اج با پشتیبانی از OffscreenCanvas فرمت‌ها — JPG، JPEG، PNG، WEBP، AVIF، GIF، BMP یا TIFF محدودیت — ۲۰ مگابایت برای هر فایل (فایل‌های بزرگتر از ۲۰ مگابایت پذیرفته نمی‌شوند) حساب کاربری — نیاز نیست اینترنت — پس از بارگذاری صفحه، نیازی نیست

استخراج پالت رنگ

ابزار Palette Generator را در مرورگر خود باز کنید. فایل تصویر خود را از پوشه فایل‌ها بکشید و در ناحیه آپلود رها کنید. همچنین می‌توانید روی ناحیه آپلود کلیک کنید تا فایل را از دستگاه خود انتخاب کنید.

قبل از آپلود، مطمئن شوید که حجم فایل کمتر از ۲۰ مگابایت است — فایل‌های فراتر از این حد رد می‌شوند. تعداد رنگ‌های مورد نظر برای استخراج را انتخاب کنید: ۵، ۸، ۱۰ یا ۱۲. تعداد رنگ کمتر، پالت‌های تمیزتر و کاربردی‌تری ایجاد می‌کند.

تعداد رنگ بیشتر، تغییرات ظریف را ثبت می‌کند اما ممکن است شامل تفاوت‌های جزئی باشد که از نظر بصری متمایز نیستند. روی دکمه استخراج کلیک کنید. الگوریتم کوانتیزاسیون، داده‌های پیکسل تصویر را در مرورگر شما پردازش می‌کند.

این الگوریتم پیکسل‌ها را بر اساس شباهت رنگی با استفاده از خوشه‌بندی k-means گروه‌بندی کرده و میانگین رنگ هر خوشه را محاسبه می‌کند. هیچ داده‌ای از طریق شبکه منتقل نمی‌شود. پالت استخراج‌شده را بررسی کنید.

هر رنگ به صورت یک نمونه بصری به همراه کد HEX و مقادیر RGB نمایش داده می‌شود. روی هر کد رنگ کلیک کنید تا در حافظه موقت کپی شود. از این کدها در طراحی، CSS یا پروژه‌های چاپی خود استفاده کنید.

نحوه عملکرد

ابزار Palette Generator از یک عنصر OffscreenCanvas و یک الگوریتم کوانتیزاسیون رنگ برای استخراج رنگ‌های غالب استفاده می‌کند. هنگامی که تصویری را آپلود می‌کنید، مرورگر آن را مستقیماً از طریق File API به حافظه می‌خواند — هیچ آپلود سروری رخ نمی‌دهد.

libvips با استفاده از OffscreenCanvas یک بوم خارج از صفحه ایجاد کرده و تصویر شما را با وضوح اصلی خود با استفاده از drawImage ترسیم می‌کند. سپس داده‌های پیکسل را به عنوان یک آرایه RGBA با استفاده از getImageData می‌خواند که یک Uint8ClampedArray حاوی مقادیر قرمز، سبز، آبی و آلفا برای هر پیکسل در تصویر برمی‌گرداند. برای یک تصویر 1920x1080، این کار حدود ۸ میلیون مقدار رنگی مجزا تولید می‌کند.

الگوریتم کوانتیزاسیون، پیکسل‌ها را بر اساس شباهت رنگی با استفاده از خوشه‌بندی k-means گروه‌بندی می‌کند. این الگوریتم k مرکز خوشه را مقداردهی اولیه می‌کند (جایی که k برابر با اندازه پالت انتخابی شماست)، سپس به صورت تکراری هر پیکسل را بر اساس فاصله اقلیدسی در فضای RGB به نزدیک‌ترین مرکز خوشه اختصاص می‌دهد. پس از هر مرحله تخصیص، مرکز هر خوشه را به عنوان میانگین ریاضی تمام پیکسل‌های آن خوشه دوباره محاسبه می‌کند.

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

هر رنگ به صورت یک نمونه بصری با کد HEX و مقادیر RGB نمایش داده می‌شود. libvips دقیق‌ترین رنگ مرکزی را از هر خوشه نمونه‌برداری می‌کند و اطمینان حاصل می‌کند که نمونه نمایش داده شده به درستی نشان‌دهنده میانگین ریاضی تمام پیکسل‌های آن گروه است.

فایل‌ها کاملاً در داخل مرورگر شما با استفاده از OffscreenCanvas پردازش می‌شوند. آن‌ها هرگز به سرورهای ConvertCraft ارسال نمی‌شوند.

هنگام بروز مشکل

تصویر آپلود نمی‌شود: تصویر شما از محدودیت ۲۰ مگابایت فراتر رفته است. OffscreenCanvas در محدودیت‌های حافظه سخت‌گیرانه‌ای عمل می‌کند. پردازش تصاویر بزرگتر از ۲۰ مگابایت نیازمند بافرهای پیکسلی فشرده‌نشده عظیم در رم است که می‌تواند باعث کرش کردن تب مرورگر شود.

پالت شامل رنگ‌های مشابه است: تصویر دارای تغییرات رنگی ظریفی است که الگوریتم آن‌ها را به عنوان خوشه‌های متمایز در نظر می‌گیرد. اندازه پالت را کاهش دهید تا رنگ‌های کمتر و متمایزتری دریافت کنید.

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

پالت عمدتاً از یک رنگ تشکیل شده است: تصویر شما تحت سلطه یک رنگ واحد است. الگوریتم توزیع رنگ تصویر را به دقت نشان می‌دهد. تصویر دیگری با تنوع رنگی بیشتر را امتحان کنید.

### چند رنگ می‌توانم استخراج کنم؟

این ابزار از استخراج ۵، ۸، ۱۰ یا ۱۲ رنگ پشتیبانی می‌کند. تعداد رنگ کمتر، پالت‌های تمیزتری ایجاد می‌کند. تعداد رنگ بیشتر، تغییرات ظریف را ثبت می‌کند اما ممکن است شامل تفاوت‌های جزئی باشد که از نظر بصری متمایز نیستند.

### آیا می‌توانم رنگ‌ها را از یک ناحیه خاص استخراج کنم؟

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

### آیا استخراج رنگ از تصاویر خصوصی ایمن است؟

بله. فایل‌ها کاملاً در داخل مرورگر شما با استفاده از OffscreenCanvas پردازش می‌شوند. آن‌ها هرگز به سرورهای ConvertCraft ارسال نمی‌شوند.

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