K-Means++ و سهم پیکسل رنگ غالب
پاسخ کوتاه: برخلاف کوانتیزه شبکه ثابت که گرادیان پیوسته را به سطل دلخواه می‌شکند، K-Means++ پیکسل‌ها را در فضای سه‌بعدی RGB دور k مرکز طبیعی جمع می‌کند و تعداد پیکسل هر خوشه را بر پیکسل‌های مات تقسیم می‌کند تا سهم مساحت دقیق به دست آید.
در تحلیل بنر برند، نمای رابط یا عکس محصول، دانستن اینکه کدام رنگ هست فقط نیمی از معادله است؛ باید بدانید هر رنگ چه وزن بصری (% سطح)دارد.استخراج‌کننده رنگ غالبUtiliome خط لوله قطعیخوشه‌بندی K-Means++ با ۸ تکرار را مستقیم در مرورگر اجرا می‌کند:
- فیلتر پیکسل آگاه از آلفا: پیکسل شفاف (
alpha < 128 در PNG، WebP یا برش SVG) پیش از خوشه‌بندی حذف می‌شود تا فضای شفاف سیاه (#000000) یا سفید (#FFFFFF) شمرده نشود.
- مقداردهی پخش K-Means++: بذر
k مرکز اولیه با بیشینه کردن فاصله اقلیدسی مربع (d² = ΔR² + ΔG² + ΔB²) انتخاب می‌شود تا نتیجه هر بار برای همان فایل تکرارپذیر باشد.
- همگرایی مرکز و طبقه‌بندی نقش:خوشه‌های همگرا بر اساس سهم پیکسل (
%) رتبه‌بندی می‌شوند تا سطحغالب اصلی، ته‌رنگ ثانویهوبرجسته تأکیدی با بیشترین کروما مشخص شود.
حسابرسی قاعده ۶۰-۳۰-۱۰ و پوسته‌گذاری پویا
پاسخ کوتاه: با k = 3 طراح و توسعه‌دهنده می‌سنجد آیا چیدمان، تصویرسازی یا عکس فضا از قاعده نسبت ۶۰-۳۰-۱۰ پیروی می‌کند و همان رنگ‌ها را به‌صورت کارت رابط زنده با امتیاز کنتراست WCAG می‌بیند.
در مهندسی رابط، طراحی داخلی و هویت برند، ترکیب متعادل معمولاً از قاعده ۶۰-۳۰-۱۰ پیروی می‌کند:
| رتبه خوشه |
سهم هدف سطح |
نقش سامانه طراحی و نگاشت پیش‌نمایش Utiliome |
| غالب اصلی #1 |
~55% – 65% |
پس‌زمینه / سطح بوم: حال‌وهوای روشنایی کلی (تیره یا روشن) را در کارت پیش‌نمایش پوسته می‌گذارد |
| ته‌رنگ ثانویه #2 |
~25% – 35% |
کارت، ناوبری و ظرف: از پس‌زمینه اصلی پشتیبانی می‌کند بدون رقابت برای توجه |
| برجسته تأکیدی #3 |
~5% – 15% |
دکمه فراخوان و نشان: از خوشه با بالاترین اشباع HSL (S%) انتخاب و کنتراست WCAG 2.1 آن با رنگ غالب اصلی سنجیده می‌شود |
استخراج رنگ غالب در برابر پالت رنگ: کدام ابزار؟
پاسخ کوتاه: وقتی درصد آماری پیکسل K-Means، حسابرسی ۶۰-۳۰-۱۰ و پیش‌نمایش پوسته اصلی/ثانویه/تأکید می‌خواهید از استخراج رنگ غالب استفاده کنید. وقتی پالت خلاق ۵ تا ۱۲ نمونه با فیلتر حال‌وهوا و قطره‌چکان پیکسل می‌خواهید از استخراج پالت رنگ استفاده کنید.
بین دو ابزار رنگ مکمل بر اساس نیاز به اندازه‌گیری آماری سطحیاگزینش نمونه خلاق انتخاب کنید:
| نیاز گردش کار |
استخراج رنگ غالب (این ابزار) |
استخراج پالت رنگ |
پوشش دقیق پیکسل % و نوار انباشته |
بله (k = 3, 5, 6, 8 خوشه K-Means با سهم %) |
خیر (تنوع نمونه را بر سهم سطح ترجیح می‌دهد) |
| کارت زنده اصلی / ثانویه / تأکید و کنتراست WCAG |
بله (نشان نسبت کنتراست لحظه‌ای) |
خیر (نوار نمونه یکنواخت) |
| قطره‌چکان کلیک روی پیکسل تصویر |
خوشه‌بندی خودکار مرکز |
بله (کلیک هر پیکسل برای نمونه‌برداری و سنجاق) |
| فیلتر حال‌وهوا و CSS/Tailwind |
گزارش JSON % و نمودار PNG |
بله(متغیر CSS :root، پیکربندی Tailwind و کارت PNG) |