What color sources does it check?

SmartScan checks: (1) the theme-color meta tag, (2) Open Graph color hints, (3) CSS custom properties with color-related names, and (4) image palette analysis on logo and hero images.

Are the colors returned in HEX format?

Yes — all colors are returned with HEX values. RGB values are also included where available.

Does it extract all CSS colors from the stylesheet?

It focuses on CSS custom properties (variables) that are named to suggest brand colors, rather than extracting every color value from the stylesheet (which can be thousands).

Can I use it for competitive brand research?

Yes — it's an efficient way to identify a competitor's primary and accent brand colors without needing to inspect their CSS manually.

Yes — SmartScan is free. Register for 1,000 scans/month. No credit card required.

أداة مجانية

استخراج ألوان العلامة التجارية من أي موقع

اكتشف لوحة الألوان الدقيقة لأي موقع — اللون الأساسي للعلامة التجارية، وألوان التمييز، ومتغيّرات CSS، ووسم theme-color، والألوان السائدة في الصور. احصل على قيم HEX وRGB في لحظات.

لا حاجة إلى حساب لأول فحص · النتائج خلال ثوانٍ

🎨

لون السمة

يكتشف وسم theme-color وتلميحات ألوان Open Graph ولون ملف manifest لتحديد لون العلامة التجارية الأساسي.

🖌️

متغيّرات CSS

يستخرج متغيّرات CSS الخاصة بالألوان (--primary و--accent و--brand وغيرها) من ملف أنماط الموقع.

🖼️

لوحة ألوان الصور

يحلّل المحتوى المرئي الأساسي (الشعار، الصور الرئيسية) لاستخلاص لوحة الألوان السائدة عبر معالجة الصور.

كيف يعمل مستخرج ألوان المواقع

أدخل أي رابط

الصق رابط أي موقع — الصفحة الرئيسية أو صفحة منتج أو أي صفحة أخرى.

يستخرج SmartScan قيمة theme-color ومتغيرات CSS ويحلّل الصور

يفحص وسم theme-color وتلميحات Open Graph ومتغيّرات CSS، ويحلّل كذلك لوحة ألوان الشعارات والصور الرئيسية.

نزّل لوحة الألوان بصيغة JSON مع قيم HEX

احصل على ملف JSON منظّم يسرد كل الألوان المكتشفة مع مصدرها ورمز HEX وقيم RGB ودورها الوصفي.

🎯

قيم HEX وRGB

تُعاد كل الألوان المستخرجة بقيم HEX (#0d9488) وRGB (13, 148, 136) — جاهزة للاستخدام في أدوات التصميم.

🌐

كشف من مصادر متعددة

يفحص ثلاثة مصادر مستقلة: الوسوم الوصفية في HTML، وخصائص CSS المخصّصة، وتحليل الصور — لأوسع تغطية ممكنة.

📋

تصدير JSON

تُحفَظ بيانات الألوان في seo/brand_colors.json — قائمة بالألوان مع المصدر وقيم HEX وRGB ودور كل لون.

حالات استخدام شائعة

بحث العلامات التجارية
حدّد بسرعة ألوان العلامة التجارية الدقيقة لأي شركة، لتحليل المنافسين أو للاستلهام.

مطابقة التصميم
تحتاج إلى مطابقة هوية عميلك؟ استخرج رموز ألوانه الدقيقة بدل التخمين.

تدقيق دليل الأنماط
تأكّد من أن متغيّرات CSS في موقعك تطابق لوحة ألوان العلامة التجارية المعتمدة.

إثراء بيانات العملاء المحتملين
اجمع بيانات ألوان العلامات التجارية على نطاق واسع لقواعد بيانات التصميم أو التخصيص في مجال B2B.

الأسئلة الشائعة

ما مصادر الألوان التي يفحصها؟: يفحص SmartScan: (1) وسم <meta name="theme-color">، (2) تلميحات ألوان Open Graph، (3) متغيّرات CSS ذات الأسماء المرتبطة بالألوان، (4) تحليل لوحة ألوان الشعار والصور الرئيسية.
هل تُعاد الألوان بصيغة HEX؟: نعم — تُعاد كل الألوان بقيم HEX، وتُضاف قيم RGB أيضًا حيثما توفّرت.
هل يستخرج كل ألوان CSS من ملف الأنماط؟: يركّز على خصائص CSS المخصّصة (المتغيّرات) التي تشير أسماؤها إلى ألوان العلامة التجارية، بدلًا من استخراج كل قيمة لون من ملف الأنماط (وقد تبلغ الآلاف).
هل يمكنني استخدامه في بحث علامات المنافسين التجارية؟: نعم — إنها طريقة فعّالة لتحديد اللون الأساسي وألوان التمييز لدى المنافس دون فحص CSS يدويًا.
هل هذه الأداة مجانية؟: نعم — SmartScan مجاني. سجّل واحصل على 1,000 فحص شهريًا. لا حاجة لبطاقة ائتمان.

استخرج ألوان العلامة التجارية من أي موقع

مجاني — 1,000 فحص شهريًا. لا حاجة لبطاقة ائتمان.

أنشئ حسابًا مجانيًا ← جرّب بدون حساب