Image Color Extractor هر فایل تصویری را (با رها کردن، پیست یا کلیک برای بارگذاری) تحلیل میکند و تا 16 رنگ غالب را به همراه درصد سهم هرکدام برمیگرداند. با نمونهبرداری پیکسلی و کوانتیزهسازی سطلی درون مرورگر کار میکند — بدون آپلود، بدون رفتوبرگشت به سرور. روی هر نمونه رنگ کلیک کنید تا کد hex آن کپی شود، یا از Copy All برای کپی کل پالت استفاده کنید.
طراحان و توسعهدهندگان دائماً نیاز دارند رنگها را از تصاویر استخراج کنند — گرفتن رنگهای برند از یک لوگو، ساختن یک پالت از یک عکس، هماهنگ کردن UI با یک اثر هنری مرجع. Image Color Extractor این کار را درون مرورگر و بدون آپلود انجام میدهد. تصویر (PNG، JPG، SVG، WebP، GIF) را رها کنید، پیست کنید یا با کلیک بارگذاری کنید. ابزار نسخهای با ابعاد کوچکشده را روی یک canvas میکشد، هر پیکسل چهارم را نمونهبرداری میکند، آنها را در یک فضای رنگی کاهشیافته سطلبندی میکند (5 بیت در هر کانال، حدود 32 هزار سطل)، میانگین RGB واقعی هر سطل را محاسبه میکند، سپس N سطل پرجمعیتتر را انتخاب کرده و موارد نزدیک به هم را ادغام میکند (در فاصله منهتن 24 در RGB). نتیجه، پالتی تمیز و نماینده است که ترکیب بصری واقعی تصویر را نشان میدهد — نه فقط رنگهای دقیقاً منطبق با یک پیکسل. یک اسلایدر شمارش (3 تا 16) به شما اجازه میدهد اندازه پالت را متناسب با نیازتان تنظیم کنید. هر نمونه رنگ، کد hex و درصد پیکسلها را نشان میدهد؛ برای کپی جداگانه کلیک کنید یا با Copy All همه را یکجا بردارید.
هر فرمت تصویری رایج را بارگذاری میکند و در کمتر از یک ثانیه، حتی برای تصاویر بزرگ، پالت رنگ غالب میسازد.
هر رنگ استخراجشده درصد سهم خود از مساحت تصویر را نشان میدهد — با یک نگاه بفهمید کدام رنگها غالب و کدامها فرعی هستند.
اسلایدری برای انتخاب 3 تا 16 رنگ. پالتهای کوچک برای کار برندینگ؛ پالتهای بزرگتر برای مراجع عکاسی.
روی هر نمونه رنگ کلیک کنید تا hex آن کپی شود. یا از Copy All برای گرفتن کل پالت بهصورت فهرستی جداشده با خط جدید استفاده کنید.
بدون آپلود، بدون تماس با سرور، هیچ تصویری از دستگاه شما خارج نمیشود. برای مدلهای اولیه خصوصی، داراییهای منتشرنشده یا آثار حساس امن است.
PNG، JPG، SVG، WebP، GIF، ICO — همگی از طریق رمزگشایی استاندارد canvas پشتیبانی میشوند. پیکسلهای شفاف بهطور خودکار نادیده گرفته میشوند.
یک تصویر لوگو را رها کنید، رنگهای دقیق استفادهشده را استخراج کنید و آنها را در متغیرهای CSS کیت برند یا سیستم طراحی خود کپی کنید.
یک عکس منظره را به ابزار بدهید تا پالتی 5 رنگی که حالوهوای آن را میگیرد به دست آورید — مفید برای کارگردانی هنری یا ساخت تم.
از یک UI مرجع اسکرینشات بگیرید، پالت را استخراج کنید و آن رنگها را در مدل اولیه خودتان به کار ببرید تا حس بصری هماهنگ شود.
وقتی مشتری یک تصویر تنها بهعنوان راهنمای برندینگ میفرستد، 8 تا 10 رنگ استخراج کنید تا پالتی اولیه پیشنهاد دهید که به مرجع وفادار بماند.
دو رنگ غالب یک تصویر را بگیرید تا گرادیان پسزمینهای بسازید که با دارایی پیشزمینه هماهنگ باشد.
روی آیکون Image Colors در داک DevSuite Pro کلیک کنید. پنلی با یک ناحیه رها کردن فایل و تنظیمات باز میشود.
فایلی را بکشید و رها کنید، از کلیپبورد پیست کنید (Ctrl+V)، یا برای باز کردن انتخابگر فایل کلیک کنید. ابزار بهطور خودکار پیکسلها را بارگذاری و نمونهبرداری میکند.
از اسلایدر برای انتخاب تعداد رنگهای استخراجی (3 تا 16) استفاده کنید. پالت هنگام کشیدن اسلایدر فوراً دوباره استخراج میشود.
هر نمونه رنگ، کد hex و درصد مساحت تصویر خود را نشان میدهد. به دنبال رنگهای غالب باشید — آنها بالاترین درصدها را دارند.
روی هر نمونه رنگ کلیک کنید تا hex آن کپی شود، یا از Copy All برای گرفتن کل پالت بهصورت فهرست، جهت استفاده در ابزار طراحی یا CSS خود بهره ببرید.
DevSuite Pro را به صورت رایگان نصب کنید و بیش از ۶۴ ابزار توسعه را برای مرورگر خود باز کنید.
