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.

Free Tool

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

Discover the exact color palette of any website — primary brand color, accent colors, CSS variables, theme-color meta tag, and dominant image colors. Get HEX and RGB values instantly.

No account needed for your first scan · Results in seconds

🎨

لون السمة

Detects the theme-color meta tag, Open Graph color hints and manifest color to identify the primary brand color.

🖌️

متغيرات CSS

Extracts color CSS custom properties (--primary, --accent, --brand, etc.) from the site's stylesheet.

🖼️

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

Analyzes the main visual content (logo, hero images) to derive the dominant color palette using image processing.

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

Enter any URL

Paste the URL of any website — homepage, product page, or any other page.

SmartScan extracts theme color, CSS variables and analyzes images

Checks the theme-color meta tag, Open Graph hints, CSS custom properties and performs image palette analysis on logos and hero images.

Download color palette as JSON with HEX values

Get a structured JSON file listing all detected colors with their source, HEX code, RGB values and descriptive role.

🎯

قيم HEX & RGB

All extracted colors returned with HEX (#0d9488) and RGB (13, 148, 136) values — ready to use in design tools.

🌐

اكتشاف متعدد المصادر

Checks three independent sources: HTML meta tags, CSS custom properties and image analysis — for maximum coverage.

📋

تصدير JSON

Color data saved as seo/brand_colors.json — list of colors with source, HEX, RGB and descriptive role.

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

Brand research
Quickly identify the exact brand colors of any company for competitive analysis or inspiration.

Design matching
Need to match a client's brand? Extract their exact color codes without guessing.

Style guide audit
Verify that CSS variables match the intended brand palette across your own site.

Lead enrichment
Collect brand color data at scale for design databases or B2B personalization.

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

What color sources does it check?: SmartScan checks: (1) <meta name="theme-color"> tag, (2) Open Graph color hints, (3) CSS custom properties with color-related names, and (4) image palette analysis on logo and hero images.
هل تُرجع الألوان بصيغة HEX؟: نعم — جميع الألوان تُرجع بقيم HEX. قيم RGB مشمولة أيضاً عند توفرها.
هل يستخرج جميع ألوان CSS؟: يركز على خصائص CSS المخصصة (المتغيرات) التي تشير إلى ألوان العلامة التجارية، بدلاً من استخراج كل لون (والتي قد تكون بالآلاف).
هل يمكنني استخدامه لبحث العلامات التجارية المنافسة؟: نعم — طريقة فعالة لتحديد ألوان العلامة التجارية الأساسية للمنافس دون فحص CSS يدوياً.
هل هذه الأداة مجانية؟: نعم — SmartScan مجاني. سجّل للحصول على 1,000 فحص/شهر. لا حاجة لبطاقة ائتمان.

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

Free — 1,000 scans/month. No credit card required.

Create Free Account → Try Without Account