ابتدا پالت نمونه را استخراج کنید، سپس از انتخاب دقیق و ویرایش‌های دستی استفاده کنید تا تصمیم بگیرید کدام رنگ‌ها متعلق به پروژه شما هستند. باز کردن انتخابگر رنگ تصویر.
آپلود و استخراج یک پالت اولیه
انتخابگر رنگ تصویر را باز کنید و یک تصویر پشتیبانی‌شده را آپلود کنید، یا نمونه را امتحان کنید. استخراج خودکار، منبع را در سرور آپلود می‌کند. نمونه در این راهنما collage-botanical.jpg است، یک عکس 1200 در 900 از گل‌ها، برگ‌ها و پس‌زمینه‌ای به رنگ هلو.
تعداد رنگ‌ها برای استخراج را روی 6 بگذارید و برای این مثال «غالب» را انتخاب کنید. «غالب» رنگ‌های اصلی تصویر را ترجیح می‌دهد، در حالی که «سرزنده» به لهجه‌های رنگارنگ نفوذ بیشتری می‌دهد. یک درخواست می‌تواند از 3 تا 12 رنگ استفاده کند؛ تصویری با گروه‌های متمایز کمتر ممکن است رنگ‌های کمتری برگرداند.
نتیجه واقعی «غالب» شامل #E3B49F، #A5927F، #F3C2AC، #FBCEBA، #746E4F، #C297CA است. بزرگ‌ترین گروه #E3B49F است که تقریباً 28.88% از پیکسل‌های قابل مشاهده نمونه‌برداری‌شده را تشکیل می‌دهد. استخراج از یک نمونه 512 در 384 استفاده کرد؛ آن درصدها سرشماری دقیقی از تصویر با وضوح کامل نیستند.
یک رنگ پالت می‌تواند میانگین رنگ‌های نزدیک باشد. زمانی که به مقدار یک جزئیات کوچک نیاز دارید، یک پیکسل خاص را انتخاب کنید.
انتخاب و اصلاح رنگ‌های فردی
برای بررسی یک پیکسل با ذره‌بین، روی تصویر کلیک کنید یا ضربه بزنید. تصویر را متمرکز کنید و از کلیدهای جهت‌نما برای حرکت یک پیکسل، Shift به علاوه جهت‌نما برای حرکت ده پیکسل استفاده کنید، سپس Enter را بزنید تا انتخاب شود. HEX، RGB یا HSL را با دکمه کپی فردی آن کپی کنید، یا از «افزودن به پالت» استفاده کنید.
یک نمونه رنگ را انتخاب کنید تا مقدار HEX یا رنگ آن را تغییر دهید، آن را به چپ یا راست ببرید یا حذف کنید. افزودن رنگ سفارشی، مقدار HEX دلخواه شما را می‌پذیرد. قفل کردن رنگ، یک نمونه انتخاب‌شده را هنگام بازسازی پالت یا تغییر تنظیمات استخراج که باعث ایجاد پالت اولیه جدید می‌شود، حفظ می‌کند.
نمونه‌برداری و شفافیت، رنگ منبع و ترکیب روی پس‌زمینه را ارائه می‌دهد. رنگ منبع در صورت لزوم شامل شفافیت در کدهای کپی‌شده است؛ ترکیب، پیکسل را روی پس‌زمینه نمونه انتخاب‌شده نمایش می‌دهد. خود نمونه‌های پالت، مقادیر RGB مات هستند. رنگ‌های ویرایش‌شده و انتخاب‌شده، درصد منبع تخمینی ندارند.
تصاویر قابل رمزگشایی توسط مرورگر از نمونه‌های sRGB مرورگر استفاده می‌کنند. اگر از پیش‌نمایش نرمال‌شده استفاده شود، ابزار انتخاب رنگ، رنگ‌ها و مختصات خود را به صراحت به عنوان تقریبی برچسب‌گذاری می‌کند.
نمونه موجود در این راهنما
رنگ‌های قابل استخراج: 6؛ غالب؛ بدون تغییرات دستی یا قفل؛ ذخیره به عنوان: PNG. استخراج خودکار از 512 در 384 پیکسل نمونه‌برداری کرد.
- تصویر منبع
- 1200 در 900 پیکسل
- رنگ‌های استخراج‌شده
- 6 رنگ مات
- کارت پالت
- 600 در 500 پیکسل
- PNG دانلود شد
- 9,163 بایت
بررسی جفت متن و پس‌زمینه
بررسی تضاد رنگ را باز کنید. متن و پس‌زمینه را با کنترل‌های رنگ تنظیم کنید، کدهای HEX را وارد کنید یا از رنگ انتخاب‌شده برای هر طرف استفاده کنید. نمونه متن زنده به شما امکان می‌دهد جفت را مقایسه کنید و نسبت تضاد با نتایج جداگانه AA معمولی، AAA معمولی، AA بزرگ و AAA بزرگ همراه است.
به جای فرض اینکه هر رنگ استخراج‌شده می‌تواند به عنوان متن استفاده شود، یک جفت مناسب برای هدف مورد نظر انتخاب کنید. یک هلویی روشن و یک بنفش روشن ممکن است در یک عکس با هم کار کنند، اما ترکیب متن و پس‌زمینه ضعیفی ایجاد کنند.
این کنترل فقط آن جفت رنگ را برای تضاد متن بررسی می‌کند. این یک ممیزی کامل دسترسی نیست و تعیین نمی‌کند که آیا تایپوگرافی، تعامل با صفحه‌کلید یا بقیه طراحی قابل استفاده است یا خیر.
نسبت تضاد قابل قبول یک بررسی مفید است، نه تضمینی برای اینکه کل صفحه قابل دسترسی است.
مقادیر را کپی کنید یا پالت را خروجی بگیرید
برای تحویل سریع، یک کد تکی را کپی کنید یا از کپی رنگ‌های HEX پالت استفاده کنید. برای یک فایل، «ذخیره به عنوان» را انتخاب کرده و «شروع» را بزنید. PNG یک تصویر پالت برچسب‌گذاری‌شده می‌سازد؛ SVG نمونه‌ها و برچسب‌ها را به عنوان محتوای برداری نگه می‌دارد؛ CSS متغیرهای رنگی شماره‌گذاری‌شده ارائه می‌دهد؛ JSON شامل مقادیر HEX، RGB و HSL است.
نمونه شش‌رنگ ویرایش‌نشده، palette.png را در ابعاد 600 در 500 پیکسل و 9,163 بایت صادر می‌کند. ترتیب نمونه‌های آن با پالت مطابقت دارد. پالت نهایی شما ممکن است پس از ویرایش شامل 1 تا 12 رنگ باشد، حتی اگر تعداد اولیه خودکار متفاوت بوده باشد.
قبل از خروج یا تازه‌سازی، دانلود کنید. خروجی نهایی، منبع و رنگ‌های انتخاب‌شده را برای پردازش سرور آپلود می‌کند. این کار یک فایل پالت جدید ایجاد می‌کند و عکس اصلی را تغییر رنگ یا جایگزین نمی‌کند.
PNG و SVG مراجع بصری مناسبی هستند. CSS و JSON زمانی مفید هستند که مرحله بعدی به مقادیر رنگی قابل استفاده مجدد نیاز داشته باشد.
پرسش‌های متداول
آیا قطره‌چکان همان رنگ‌های استخراج خودکار را برمی‌گرداند؟
لزوماً خیر. مقدار انتخاب‌شده یک پیکسل منبع یا پیش‌نمایش خاص را توصیف می‌کند. استخراج خودکار پیکسل‌های نمونه‌برداری‌شده را گروه‌بندی می‌کند و می‌تواند رنگ‌های میانگین را برگرداند.
آیا پیکسل‌های شفاف شمرده می‌شوند؟
پیکسل‌های کاملاً شفاف از استخراج حذف می‌شوند. پیکسل‌های نیمه‌شفاف وزن کمتری دارند. نمونه‌برداری منبع می‌تواند شفافیت را نشان دهد، اما نمونه‌های پالت صادر شده مات هستند.
وقتی تازه‌سازی می‌کنم چه اتفاقی برای رنگ‌های قفل‌شده می‌افتد؟
رنگ‌های قفل‌شده در پالت باقی می‌مانند در حالی که رنگ‌های استخراج‌شده جدید موقعیت‌های دیگر را پر می‌کنند. به یک رنگ حفظ‌شده یا ویرایش‌شده، درصد تصویر ساختگی اختصاص داده نمی‌شود.
آیا می‌توانم از این برای یک رنگ برند دقیق استفاده کنم؟
یک مقدار HEX شناخته‌شده را مستقیماً وارد کنید یا یک پیکسل منبع مناسب را انتخاب کنید. نورپردازی عکس، فشرده‌سازی، مدیریت رنگ و پیش‌نمایش‌های نرمال‌شده می‌توانند مقادیر نمونه‌برداری‌شده را تغییر دهند، بنابراین پالت عکس خودکار مدرکی برای مشخصات برند اصلی نیست.
پالتی بسازید که بتوانید در طراحی بعدی خود از آن استفاده کنید
یک نمونه را امتحان کنید یا از فایل خود استفاده کنید و قبل از اشتراک‌گذاری، نتیجه را بررسی کنید.
