استخراج پالت رنگ از تصویر
رنگهای غالب هر تصویر را با کد HEX و درصد سهم، بههمراه بلوک آمادهٔ متغیرهای CSS و میانگین رنگ، بهصورت کاملاً محلی در مرورگر استخراج کنید.
دربارهی استخراج پالت رنگ از تصویر
میانگین سادهٔ کانالهای RGB یک تصویر تقریباً همیشه به یک خاکستریِ گلآلود میرسد که هیچ ربطی به رنگی که واقعاً «غالب» میبینید ندارد. این ابزار بهجای میانگینگیری، پیکسلهای تصویر را داخل مرورگر نمونهبرداری و با الگوریتم برش میانه (median-cut) به ۶ تا ۱۰ خوشهٔ رنگی تقسیم میکند و سهم درصدی هر رنگ را کنار کد HEX نشان میدهد. تمام پردازش روی دستگاه خودتان انجام میشود و هیچ تصویری آپلود نمیشود.
راهنمای استفاده از استخراج پالت رنگ از تصویر
- 1
تصویر را داخل کادر رها کنید یا برای انتخاب فایل روی آن کلیک کنید.
- 2
با لغزنده، تعداد رنگهای خروجی را بین ۶ تا ۱۰ تنظیم کنید.
- 3
روی هر نمونه بزنید تا کد HEX آن کپی شود.
- 4
بلوک متغیرهای CSS یا میانگین رنگ را برای استفاده در طرح خود کپی کنید.
پرسشهای متداول
آیا تصویر من روی سرور آپلود میشود؟
خیر. تصویر با FileReader داخل مرورگر خوانده و روی canvas پردازش میشود و هیچ دادهای به سرور فرستاده نمیشود؛ به همین دلیل ابزار حتی بدون اتصال به اینترنت هم کار میکند.
تفاوت «رنگ غالب» با «میانگین رنگ» چیست؟
رنگ غالب مرکز بزرگترین خوشهٔ پیکسلهاست و برای ساخت پالت مناسب است، اما میانگین رنگ برایند ریاضی همهٔ پیکسلهاست و معمولاً کدر و بیروح درمیآید؛ برای طراحی از رنگهای غالب استفاده کنید نه از میانگین.
چرا گاهی بهجای ۱۰ رنگ، تعداد کمتری نمایش داده میشود؟
اگر تصویر تنوع رنگی کافی نداشته باشد — مثلاً یک لوگوی دو رنگ — الگوریتم خوشهٔ معناداری برای تفکیک بیشتر پیدا نمیکند و فقط رنگهایی را که واقعاً وجود دارند نشان میدهد.
درصدها دقیقاً چه چیزی را نشان میدهند؟
سهم پیکسلهای هر خوشه از کل پیکسلهای مات، پس از کوچکسازی تصویر تا حداکثر ۱۶۰ پیکسل در بزرگترین بعد؛ پیکسلهای شفاف و نیمهشفاف در محاسبه کنار گذاشته میشوند.