تولید پالت رنگ

کد رنگ HEX و RGB را از روی هر عکس تشخیص بده، یا با انتخاب یک رنگ، پالت هارمونیک بساز.

استخراج از تصویر

تصویر را بکشید یا کلیک کنید

PNG, JPG, GIF, WebP

یا

انتخاب رنگ دلخواه

درباره این ابزار

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

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

مقادیر HEX، RGB و HSL هر رنگ با یک کلیک قابل کپی هستند و خروجی CSS Variables برای استفاده مستقیم در پروژه قابل تولید است.

ویژگی‌ها

  • تشخیص کد رنگ HEX و RGB از روی هر عکس
  • استخراج خودکار رنگ‌های غالب تصویر به صورت پالت
  • ساخت ۵ نوع هارمونی: مکمل، مشابه، سه‌گانه، تقسیم‌مکمل و تک‌رنگ
  • نمایش مقادیر HEX، RGB و HSL
  • کپی کد رنگ با یک کلیک
  • انتخاب رنگ پایه با Color Picker
  • خروجی CSS Variables برای استفاده مستقیم در پروژه
  • اشتراک‌گذاری پالت با لینک

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

چطور کد رنگ یک عکس را پیدا کنم؟
تصویر مورد نظر را در ابزار بارگذاری کنید. رنگ‌های غالب تصویر به صورت خودکار به عنوان پالت با کد HEX، RGB و HSL نمایش داده می‌شوند. برای رنگ یک نقطه خاص، روی همان نقطه از تصویر کلیک کنید.
چطور رنگ یک قسمت از تصویر را تشخیص بدهم؟
بعد از بارگذاری تصویر، با ماوس یا لمس روی نقطه دلخواه از تصویر کلیک کنید تا کد رنگ آن نقطه (HEX و RGB) نمایش داده شود.
فرمت HEX چیست و چه فرقی با RGB دارد؟
هر دو فرمت نمایش رنگ هستند. HEX (مثل #FF5733) یک کد شش‌رقمی است که در CSS و طراحی وب رایج است. RGB مقادیر قرمز، سبز و آبی را جداگانه نشان می‌دهد. HSL نیز بر اساس رنگ، اشباع و روشنایی کار می‌کند.
هارمونی رنگی چیست؟
هارمونی رنگی قواعدی برای ترکیب رنگ‌ها بر اساس موقعیت آن‌ها در چرخه رنگ است. رنگ‌های مکمل مقابل هم در چرخه رنگ قرار دارند و کنتراست بالایی ایجاد می‌کنند، در حالی که رنگ‌های مشابه کنار هم هستند و حس آرامش می‌دهند.
چطور پالت را به‌صورت CSS استفاده کنم؟
پس از تولید پالت، بخش «خروجی CSS» را باز کنید. کدی به شکل :root { --color-1: ...; } تولید می‌شود که می‌توانید مستقیماً در فایل CSS پروژه‌تان کپی کنید.
چطور پالت را با دیگران به اشتراک بگذارم؟
دکمه «اشتراک‌گذاری لینک پالت» لینکی شامل کدهای رنگ می‌سازد. هر کسی این لینک را باز کند، همان پالت را در ابزار می‌بیند.
آیا این ابزار مفید بود؟
۴٫۷از ۵
ممنون از نظر شما!

ابزارهای مرتبط:

صفحه اصلی