ابزارها95

چیزی عالی بسازید

انتخابگر رنگ تصویر.

رنگ‌های HEX، RGB و HSL را از یک تصویر انتخاب کنید. یک پالت استخراج و ویرایش کنید، کنتراست متن را بررسی کنید، سپس رنگ‌ها را کپی کرده یا PNG، SVG، CSS یا JSON را خروجی بگیرید.

تبلیغات
فضای کاری تصویر شما
پردازش موقت سرور
یا اینجا بکشید و رها کنید
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
برای شروع، تصویر خود را انتخاب کنید.تصویر
تبلیغات
وبلاگ چگونه رنگ‌های تصویر را انتخاب کنیم و پالت بسازیم خواندن راهنما

رنگ‌های تصویر را انتخاب کرده و پالت بسازید

یک پیکسل را بررسی کنید، مقدار HEX، RGB یا HSL آن را کپی کنید و یک پالت اولیه از عکس استخراج کنید. رنگ‌های مورد علاقه خود را نگه دارید، بقیه را ویرایش کنید، یک جفت متن و پس‌زمینه را بررسی کنید و PNG، SVG، CSS یا JSON را خروجی بگیرید.

یک تصویر، نمونه‌های رنگی فردی و یک پالت ارائه می‌دهد که می‌تواند اصلاح و خروجی گرفته شود.
آموزش ویدیویی سریع How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. روایت انگلیسی مشاهده ویدیو

How to pick an image color and export a palette

ویژگی‌ها و کنترل‌ها

انتخاب پیکسل با نمای بزرگ‌نمایی

برای بررسی رنگ، روی تصویر کلیک یا ضربه بزنید، سپس کد آن را کپی کنید.

محدودیت‌های موقعیت‌یابی دقیق و پیش‌نمایش

ذره‌بین به شما کمک می‌کند جزئیات کوچک را هدف بگیرید. روی تصویر تمرکز کنید و از کلیدهای جهت‌نما برای حرکت یک پیکسل، کلید Shift به همراه جهت‌نما برای حرکت ده پیکسل، و Enter برای انتخاب استفاده کنید. HEX، RGB و HSL دکمه‌های کپی جداگانه دارند. منابع قابل رمزگشایی توسط مرورگر در sRGB مرورگر نمونه‌برداری می‌شوند. هنگامی که به جای آن از پیش‌نمایش نرمال‌شده استفاده می‌شود، برچسب آن رنگ‌ها و مختصات را به صورت تقریبی شناسایی می‌کند.

استخراج یک پالت اولیه مفید

تعداد 3 تا 12 رنگ را برای استخراج انتخاب کنید و حالت‌های «غالب» (Dominant) یا «سرزنده» (Vibrant) را امتحان کنید.

نحوه تخمین رنگ‌ها و درصدها

حالت «غالب» رنگ‌های اصلی تصویر را ترجیح می‌دهد. حالت «سرزنده» به رنگ‌های پرجنب‌وجوش تأثیر بیشتری می‌دهد. استخراج، یک تصویر محدود را نمونه‌برداری می‌کند، رنگ‌های مشابه را گروه‌بندی کرده و تا تعداد درخواستی برمی‌گرداند؛ یک تصویر تخت ممکن است تعداد کمتری داشته باشد. پیکسل‌های کاملاً شفاف حذف می‌شوند و شفافیت جزئی وزن پیکسل را کاهش می‌دهد. درصدها گروه‌های نمونه‌برداری شده تقریبی را توصیف می‌کنند، نه تعداد دقیق هر پیکسل اصلی. استخراج خودکار تصویر را در سرور آپلود می‌کند.

رنگ‌های خود را نگه دارید، جایگزین کنید و مرتب کنید

نمونه‌های رنگی مفید را قفل کنید، مقادیر HEX آن‌ها را ویرایش کنید یا یک رنگ انتخاب‌شده یا سفارشی اضافه کنید.

اصلاح پالت قبل از خروجی

یک نمونه رنگی را برای ویرایش، جابجایی به چپ یا راست، یا حذف انتخاب کنید. «قفل» باعث می‌شود رنگ انتخاب‌شده هنگام استفاده از «بازنشانی پالت» یا تغییر تنظیمات استخراج حفظ شود. «افزودن به پالت» از رنگ RGB نمونه‌برداری شده استفاده می‌کند؛ «افزودن رنگ سفارشی» به شما امکان می‌دهد مقدار HEX را وارد کنید. یک پالت می‌تواند شامل 1 تا 12 رنگ برای خروجی باشد. رنگ‌های انتخاب‌شده، ویرایش‌شده و قفل‌شده، درصدهای ابداعی تصویر را دریافت نمی‌کنند.

درک پیکسل‌های شفاف

در بخش نمونه‌برداری، «رنگ منبع» (Source color) یا «ترکیب روی پس‌زمینه» (Composite over a background) را انتخاب کنید.

شفافیت منبع و رنگ‌های خروجی

«رنگ منبع» پیکسل انتخاب‌شده و شفافیت آن را در کد کپی‌شده گزارش می‌دهد. «ترکیب روی پس‌زمینه» ظاهر آن را پس از ترکیب با «پس‌زمینه نمونه» نشان می‌دهد. رنگ‌های پالت و خروجی‌ها مقادیر RGB مات هستند، بنابراین افزودن یک رنگ منبع نیمه‌شفاف، کانال آلفای آن را حفظ نمی‌کند. حالت نمونه‌برداری رنگ بررسی‌شده را تغییر می‌دهد؛ این کار تصویر منبع را دوباره رنگ‌آمیزی نمی‌کند یا استخراج خودکار را تغییر نمی‌دهد.

بررسی جفت متن و پس‌زمینه

از «بررسی کنتراست رنگ» برای مقایسه دو رنگ استفاده کنید.

نتیجه کنتراست شامل چه مواردی است

با استفاده از کنترل‌های رنگ، «متن» و «پس‌زمینه» را انتخاب کنید، مقادیر HEX را وارد کنید یا از رنگ انتخاب‌شده استفاده کنید. پیش‌نمایش، نسبت کنتراست و نتایج جداگانه برای Normal AA، Normal AAA، Large AA و Large AAA را برای متن نشان می‌دهد. این فقط جفت رنگ انتخاب‌شده را بررسی می‌کند. این ابزار کل صفحه را حسابرسی نمی‌کند، تمام تصاویر پس‌زمینه را در نظر نمی‌گیرد و تأیید نمی‌کند که یک طراحی کامل قابل دسترس است.

خروجی گرفتن رنگ‌ها برای مرحله بعد

یک تصویر پالت، نمونه‌های برداری، متغیرهای CSS یا داده‌های رنگی ساختاریافته را ذخیره کنید.

PNG، SVG، CSS و JSON

PNG یک کارت پالت برچسب‌دار تولید می‌کند. SVG نمونه‌ها و برچسب‌ها را به عنوان محتوای برداری حفظ می‌کند. CSS متغیرهای شماره‌گذاری شده مانند --color-1 را خروجی می‌دهد. JSON شامل مقادیر HEX، RGB و HSL است. «ذخیره به عنوان» و سپس «شروع» را انتخاب کنید تا یک فایل با نام palette و پسوند انتخابی ایجاد شود. کپی کردن یک رنگ یا کل پالت HEX زمانی که فقط به مقادیر نیاز دارید، می‌تواند سریع‌تر باشد.

فایل‌ها و پردازش

ورودی
JPG، JPEG، PNG، WebP، GIF، BMP، TIFF، HEIC و HEIF
خروجی
یک پالت PNG، SVG، CSS یا JSON

حداکثر 25 مگابایت برای هر فایل. یک فایل ورودی در هر اجرا.

یک تصویر منبع تا 60 مگاپیکسل. نمونه‌برداری استخراج حداکثر 512 پیکسل در هر لبه است، پیکسل‌های کاملاً شفاف را نادیده می‌گیرد و ممکن است رنگ‌های کمتری نسبت به درخواست شما برگرداند. خروجی از 1 تا 12 رنگ پالت مات پشتیبانی می‌کند. منابع متحرک یا چندتصویری از اولین فریم ثابت خود استفاده می‌کنند.

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

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

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

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

سوالات متداول

خوب است بدانید.

چند پاسخ قبل از شروع کار.

پردازش موقت سرور
آیا می‌توانم HEX، RGB و HSL را از یک تصویر دریافت کنم؟

بله. یک پیکسل را انتخاب کنید و از دکمه کپی کنار مقدار مورد نیاز خود استفاده کنید. انتخابگر در صورت لزوم شفافیت را نشان می‌دهد؛ خروجی‌های پالت مات حاوی رنگ‌های RGB هستند.

تفاوت بین «غالب» (Dominant) و «سرزنده» (Vibrant) چیست؟

«غالب» بر رنگ‌های رایج تصویر تأکید دارد. «سرزنده» به رنگ‌های پرجنب‌وجوش تأثیر بیشتری می‌دهد. هر دو تقریب‌های نمونه‌برداری شده هستند و هیچ‌کدام قول نمی‌دهند که به طور خودکار یک رنگ برند خاص را پیدا کنند.

چرا درخواست شش رنگ، رنگ‌های کمتری برمی‌گرداند؟

یک منبع ممکن است رنگ‌های متمایز قابل مشاهده کمتری داشته باشد. استخراج‌کننده به جای ابداع نمونه‌های تکراری برای پر کردن تعداد درخواستی، گروه‌های موجود را برمی‌گرداند.

آیا می‌توانم هنگام بازنشانی پالت، یک رنگ را نگه دارم؟

بله. نمونه رنگی آن را انتخاب کرده و از «قفل کردن رنگ» استفاده کنید. همچنین می‌توانید یک مقدار HEX سفارشی اضافه کنید، نمونه‌ها را دوباره مرتب کنید یا قبل از خروجی رنگ‌ها را حذف کنید.

آیا همه چیز در مرورگر من باقی می‌ماند؟

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

تبلیغات

زبان38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

زبان خود را انتخاب کنید. آموزش‌های ویدیویی در حال حاضر از روایت انگلیسی استفاده می‌کنند.