استخراج کد رنگ از عکس

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

چطور کد رنگ عکس را پیدا کنم؟

1. عکس را آپلود کن یا داخل کادر بکش و رها کن (PNG، JPG و WEBP تا ۵ مگابایت).
2. چند لحظه صبر کن تا رنگ‌های غالب استخراج شوند.
3. روی هر رنگ کلیک کن تا کد HEX، مقدار HSL و رنگ‌های مکمل و مشابهش را ببینی.
4. کد را کپی کن یا کل پالت را به‌صورت CSS و Tailwind خروجی بگیر.

چه چیزهایی به‌دست می‌آوری

• کد HEX و HSL هر رنگ، با کپی یک‌کلیکی.
• رنگ‌های هماهنگ: مکمل، سه‌گانه و مشابه، بر اساس هر رنگی که انتخاب کنی.
• بررسی کنتراست WCAG: نشان می‌دهد رنگ انتخابی برای متن، استاندارد دسترس‌پذیری AA یا AAA را رد می‌کند یا نه.
• خروجی آماده کد: متغیرهای CSS برای بلوک :root، توکن‌های @theme تیلویند نسخه ۴، یا آرایه ساده JSON.

عکسم جایی آپلود می‌شود؟

نه. پردازش کاملاً داخل مرورگر خودت و با HTML5 Canvas انجام می‌شود؛ فایل تو روی هیچ سروری آپلود یا ذخیره نمی‌شود.

کجا به کارم می‌آید؟

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