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

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

برای استخراج پالت رنگ آن، یک آدرس وب‌سایت وارد کنید.

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


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

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

مقادیر HEX، rgb()، rgba()، hsl() و hsla() همگی به یک فرم واحد HEX نرمال‌سازی و شمرده می‌شوند، پس پالت بر اساس تعداد دفعاتی که هر رنگ در CSS سایت ظاهر می‌شود رتبه‌بندی برمی‌گردد. آن ترتیب‌بندی بر اساس فراوانی چیزی است که رنگ اصلی واقعی یک برند را از ده‌ها حاشیه و سایه تک‌مصرف پایین‌تر در فهرست جدا می‌کند.

هر نمونه رنگ با یک کلیک کپی می‌شود، و پنل خروجی نتیجه را به متغیرهای CSS، SCSS، یک پیکربندی Tailwind، JSON، یک برگه نمونه SVG یا یک فهرست ساده HEX تبدیل می‌کند. این ابزار رایگان و نرخ‌محدود است، فقط به آدرس‌های عمومی می‌رسد، و چیزی فراتر از یک کش کوتاه‌مدت استخراج ذخیره نمی‌کند.

نحوه استفاده از پالت رنگ از وب‌سایت

  1. یک آدرس وب‌سایت عمومی را در فیلد جای‌گذاری کنید (اگر جا بیندازید، https:// به‌طور خودکار اضافه می‌شود).
  2. روی «استخراج رنگ‌ها» کلیک کنید و لحظه‌ای منتظر بمانید تا صفحه و برگه‌های استایل آن خوانده شوند.
  3. پالت را بررسی کنید: رنگ‌ها بر اساس تعداد دفعاتی که در CSS سایت ظاهر می‌شوند رتبه‌بندی شده‌اند.
  4. روی هر نمونه رنگی کلیک کنید تا مقدار HEX آن کپی شود، یا از «کپی همه» برای کل فهرست استفاده کنید.
  5. Export را باز کنید تا پالت را به‌صورت CSS، SCSS، Tailwind، JSON، SVG یا HEX ساده بگیرید.

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

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

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

این ابزار CSS‌ای را که یک صفحه ارسال می‌کند می‌خواند. سایت‌هایی که طراحی خود را با تصاویر، canvas یا WebGL رنگ‌آمیزی می‌کنند، یا استایل‌ها را کاملا در JavaScript پس از بارگذاری می‌سازند، مقادیر رنگ کمی در برگه‌های استایل خود نشان می‌دهند. صفحات پشت یک ورود یا دیوار محافظت از ربات نیز قابل خواندن نیستند.

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

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

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

اشتراک‌گذاری

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

این ابزار رایگان را به وب‌سایت خود اضافه کنید: کد زیر را کپی و جای‌گذاری کنید.