عنوان

انتخابگر رنگ

رها کردن، چسباندن (Ctrl+V) یا کلیک برای آپلود

هگز
#888888
آر جی بی
rgb(136, 136, 136)
اچ اس ال
hsl(0, 0%, 53%)
ویروس هرپس سیمپلکس
hsv(0, 0%, 53%)

برای انتخاب رنگ، عکس ارسال کنید

یا یک نمونه را امتحان کنید:

نمونه 1
نمونه 2
نمونه 3

پالت رنگ

رنگ‌ها: 3

انتخابگر و استخراج‌کننده رنگ - ابزار آنلاین رایگان

ابزار استخراج رنگ آنلاین و رایگان ما به شما امکان می‌دهد هر رنگی را از یک عکس با یک کلیک انتخاب کنید - بدون نیاز به نصب نرم‌افزار و بدون نیاز به حساب کاربری. تصویر خود را آپلود کنید، برای بزرگنمایی ماوس را روی آن نگه دارید، روی هر پیکسل کلیک کنید تا فوراً مقادیر HEX، RGB، HSL و HSV آن را ببینید، سپس یک پالت رنگ کامل از رنگ انتخابی خود ایجاد کنید. نتایج را در هر زمان دانلود کنید.

نحوه انتخاب رنگ از یک عکس

1
تصویر خود را آپلود کنید

یک عکس را روی پنل بیندازید، کلیک کنید آپلود عکس, یا با Ctrl+V پیست کنید. از JPEG، PNG، WebP، HEIC و GIF پشتیبانی می‌کند.

2
برای انتخاب رنگ کلیک کنید

برای بزرگنمایی با ذره‌بین، نشانگر ماوس را روی تصویر نگه دارید، سپس برای ثبت رنگ آن پیکسل، روی هر نقطه‌ای کلیک کنید. مقادیر HEX، RGB، HSL و HSV فوراً ظاهر می‌شوند.

3
کپی یا ایجاد یک پالت

روی هر فیلد مقدار کلیک کنید تا آن را در کلیپ‌بورد کپی کنید، رنگ‌ها را برای بعد ذخیره کنید، یا یک پالت رنگ کامل ایجاد کنید و آن را به عنوان متغیرهای CSS یا یک نوار نمونه PNG صادر کنید.

ویژگی‌های کلیدی

  • چهار قالب رنگی - مشاهده و کپی رنگ انتخاب شده در HEX، RGB، HSL و HSV با یک کلیک روی هر فیلد مقداری.
  • ذره‌بین با دقت پیکسلی - یک لنز زوم دایره‌ای مکان‌نمای شما را دنبال می‌کند تا بتوانید دقیقاً پیکسل مورد نظر خود را مشخص کنید.
  • 8 نوع پالت - پالت‌های آنالوگ، مکمل، سه‌گانه، چهارگانه، مکمل-تقسیمی، تک‌رنگ، سایه‌ها یا رنگ‌ها را با 3 تا 10 نمونه رنگ ایجاد کنید.
  • گزینه‌های صادرات - تمام کدهای HEX پالت را به طور همزمان کپی کنید، یک نوار نمونه PNG دانلود کنید، یا پالت را به عنوان ویژگی‌های سفارشی CSS صادر کنید (:root متغیرها).
  • رنگ‌های ذخیره شده - هر رنگی را در یک پنل شخصی رنگ‌های ذخیره شده در مرورگر خود نشانه‌گذاری کنید؛ هر زمان که دوست داشتید آنها را پاک کنید.
  • پشتیبانی از HEIC – عکس‌های آیفون با فرمت HEIC/HEIF قبل از انتخاب رنگ، به‌طور خودکار تبدیل می‌شوند.
  • کاملاً در مرورگر شما کار می‌کند - عکس‌های شما هرگز روی هیچ سروری آپلود نمی‌شوند.
  • رایگان و نامحدود - بدون ثبت نام، بدون واترمارک، بدون محدودیت.

دستگاه استخراج رنگ چیست؟

استخراج‌کننده رنگ (یا انتخاب‌کننده رنگ تصویر) ابزاری است که رنگ دقیق هر پیکسل در یک عکس را می‌خواند و آن را به کدهای رنگی استاندارد مورد استفاده در طراحی و توسعه تبدیل می‌کند. به جای اینکه با چشم به یک رنگ نگاه کنید یا مقادیر را به صورت دستی وارد کنید، به سادگی روی نقطه‌ای که به آن علاقه دارید کلیک می‌کنید و ابزار تبدیل را برای شما انجام می‌دهد - از مقادیر خام RGB که صفحه نمایش شما نمایش می‌دهد تا نمایش‌های HSL و HSV که در گردش‌های کاری طراحی گرافیک استفاده می‌شوند.

مولد پالت رنگ این کار را یک قدم فراتر می‌برد: وقتی یک رنگ پایه انتخاب کردید، تئوری رنگ را برای تولید طرح‌های رنگی هماهنگ اعمال می‌کند که آماده استفاده مستقیم در CSS، Figma یا هر ابزار طراحی هستند.

کاربردهای رایج

  • استخراج رنگ برند - کدهای HEX دقیق را از یک لوگو یا عکس برند استخراج کنید تا به طور مداوم در یک وب سایت یا سیستم طراحی استفاده شود.
  • طراحی وب و رابط کاربری - رنگ‌ها را با تصویر محصول یا عکس اصلی هماهنگ کنید تا طرح‌بندی شما منسجم به نظر برسد.
  • تولید پالت – از یک رنگ کلیدی شروع کنید و یک طرح مکمل یا مشابه کامل برای یک پروژه ایجاد کنید.
  • چاپ و تصویرسازی – قبل از مخلوط کردن رنگ یا پیکربندی پروفایل چاپ، از عکس‌های مرجع نمونه بگیرید تا مقادیر دقیق RGB را پیدا کنید.
  • قالب‌بندی CSS - متغیرهای پالت را مستقیماً به یک :root بلوکی که مستقیماً در یک فایل استایل قرار می‌گیرد.

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

بله، این ابزار 100٪ رایگان و بدون محدودیت استفاده است. نیازی به ایجاد حساب کاربری یا ارائه هرگونه اطلاعات پرداخت ندارید.
خیر. تمام پردازش‌ها کاملاً درون مرورگر شما با استفاده از HTML5 Canvas API انجام می‌شود. تصویر شما هرگز به هیچ سروری ارسال نمی‌شود، بنابراین حریم خصوصی شما کاملاً محافظت می‌شود.
این ابزار رنگ انتخاب شده را به طور همزمان در چهار قالب نشان می‌دهد: HEX (مثلاً #3a7bd5)، RGB (rgb(58, 123, 213))، HSL (hsl(216, 63%, 53%)) و HSV (hsv(216, 73%, 84%)). برای کپی کردن فوری هر فیلد، روی آن کلیک کنید.
وقتی مکان‌نما را روی تصویر حرکت می‌دهید، یک ذره‌بین دایره‌ای در نزدیکی مکان‌نما ظاهر می‌شود که نمای بزرگنمایی‌شده‌ای از پیکسل‌های اطراف را نشان می‌دهد. این امر شناسایی و کلیک روی پیکسل مورد نظر را آسان می‌کند، به‌خصوص در عکس‌هایی با جزئیات دقیق یا انتقال رنگ‌های ظریف.
برای تنظیم رنگ پایه، روی هر پیکسلی از تصویر خود کلیک کنید، سپس به پایین اسکرول کنید تا به ... برسید پالت رنگ بخش. یک نوع پالت (متشابه، مکمل، سه‌گانه و غیره) انتخاب کنید و نوار لغزنده شمارش را بکشید تا 3 تا 10 نمونه انتخاب شود. پالت فوراً به‌روزرسانی می‌شود. استفاده کنید رنگ‌ها را کپی کنید, دانلود پی ان جی, ، یا خروجی CSS تا از نتیجه آن استفاده شود.
کپی‌های CSS را صادر کنید :root { } بلوکی که شامل هر رنگ پالت به عنوان یک ویژگی سفارشی CSS است (مثلاً --color-1: #3a7bd5;). می‌توانید این را مستقیماً در فایل استایل خود قرار دهید و در سراسر پروژه خود به متغیرها ارجاع دهید.
بله. فایل‌های HEIC و HEIF قبل از نمایش تصویر، به طور خودکار در مرورگر شما به JPEG تبدیل می‌شوند. هنگام تبدیل، یک نشانگر بارگذاری ظاهر می‌شود و هیچ فایلی به سرورهای ما ارسال نمی‌شود.