این ابزار درست کار نمی‌کند؟

دربارهٔ ابزار «انتخاب رنگ از تصویر آنلاین»

این ابزار چه می‌کند؟

رنگ‌چین از تصویر یک قطره‌چکان برای تصاویر خودتان است. یک تصویر بارگذاری کنید، روی نقطه‌ای کلیک کنید، و ابزار رنگ دقیق همان پیکسل را می‌خواند و به شما نشان می‌دهد. نه حدس‌زدنی هست و نه تطبیق دستی رنگ — به رنگی که می‌خواهید اشاره می‌کنید و بی‌درنگ مقدار دقیق آن را می‌گیرید.

مقادیری که نشان می‌دهد

هر انتخاب هم‌زمان در سه قالب گزارش می‌شود: HEX مانند #3b82f6، RGB مانند rgb(59, 130, 246) و HSL مانند hsl(217, 91%, 60%). هر مقدار یک دکمهٔ کپی تک‌کلیکی دارد، پس می‌توانید رنگ را مستقیم در CSS، یک ابزار طراحی یا یک سند بگذارید. برای کار وب & طراحی معمولاً همان HEX چیزی است که می‌خواهید.

تاریخچهٔ رنگ‌های انتخاب‌شده

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

خصوصی و درون‌مرورگری

همه‌چیز کاملاً در مرورگر شما اجرا می‌شود. تصویر به‌صورت محلی روی دستگاه شما خوانده می‌شود و هرگز روی سرور بارگذاری نمی‌شود، پس چیزی از رایانهٔ شما بیرون نمی‌رود. این آن را برای ماک‌آپ‌های محرمانه، لوگوی مشتری و اسکرین‌شات‌ها امن می‌کند. از آن برای استخراج رنگ‌های برند از یک لوگو، هماهنگ‌کردن رنگ از یک عکس یا نمونه‌گیری رنگ از یک اسکرین‌شات استفاده کنید.

چطور از این ابزار استفاده کنم؟

مراحل استفاده

  1. یک تصویر بارگذاری کنید از دستگاه خود — یک لوگو، عکس یا اسکرین‌شات که رنگ‌های موردنظرتان را دارد.

  2. روی نقطه‌ای از تصویر کلیک کنید تا رنگ همان پیکسل دقیق انتخاب شود.

  3. مقادیر HEX، RGB و HSL را بخوانید و دکمهٔ کپی کنار مقداری که لازم دارید را بزنید.

  4. به کلیک‌کردن ادامه دهید تا رنگ‌های بیشتری جمع کنید — هر رنگ به تاریخچهٔ شما افزوده می‌شود تا بتوانید یک پالت بسازید.

نکات

  • برای پیکسل‌های دقیق زوم کنید. وقتی رنگ‌ها نزدیک هم‌اند، بزرگ‌کردن تصویر کمک می‌کند دقیقاً روی پیکسلی که منظورتان است بنشینید.
  • از تصویر باکیفیت استفاده کنید. یک تصویر واضح و فشرده‌نشده رنگ‌های درست‌تری می‌دهد؛ آرتیفکت‌های سنگین JPEG می‌توانند پیکسلی که انتخاب می‌کنید را جابه‌جا کنند.
  • برای CSS و ابزارهای طراحی HEX را کپی کنید. مقدار # به‌طور تمیز در استایل‌شیت‌ها، Figma و بیشتر ویرایشگرها چسبانده می‌شود.