Extrae colores de marca de cualquier sitio web
Descubre la paleta exacta de cualquier web: color principal de marca, colores de acento, variables CSS, la metaetiqueta theme-color y los colores dominantes de las imágenes. Valores HEX y RGB al instante.
No necesitas cuenta para tu primer escaneo · Resultados en segundos
Color del tema
Detecta la etiqueta meta theme-color, las pistas de color de Open Graph y el color del manifest para identificar el color principal de la marca.
Variables CSS
Extrae las variables CSS de color (--primary, --accent, --brand, etc.) de la hoja de estilos del sitio.
Paleta de imágenes
Analiza el contenido visual principal (logo, imágenes destacadas) y obtiene la paleta dominante mediante procesamiento de imágenes.
Cómo funciona el extractor de colores web
Introduce cualquier URL
Pega la URL de cualquier web: la portada, una ficha de producto o cualquier otra página.
SmartScan extrae theme-color y las variables CSS, y analiza las imágenes
Comprueba la etiqueta meta theme-color, las pistas de Open Graph y las variables CSS, y analiza la paleta de logos e imágenes principales.
Descarga la paleta de colores en JSON con valores HEX
Obtén un archivo JSON estructurado con todos los colores detectados: origen, código HEX, valores RGB y su función.
Valores HEX y RGB
Todos los colores extraídos vienen con HEX (#0d9488) y RGB (13, 148, 136): listos para usar en tus herramientas de diseño.
Detección desde varias fuentes
Revisa tres fuentes independientes: metaetiquetas HTML, propiedades personalizadas de CSS y análisis de imágenes, para la máxima cobertura.
Exportación en JSON
Los datos de color se guardan en seo/brand_colors.json: lista de colores con origen, HEX, RGB y su rol.
Casos de uso populares
Identifica en segundos los colores exactos de cualquier empresa, para análisis competitivo o inspiración.
¿Necesitas encajar con la marca de un cliente? Extrae sus códigos de color exactos sin adivinar.
Comprueba que las variables CSS de tu propia web coinciden con la paleta de marca prevista.
Recopila colores de marca a gran escala para bases de datos de diseño o personalización B2B.
Preguntas frecuentes
- ¿Qué fuentes de color revisa?
- SmartScan comprueba: (1) la etiqueta
<meta name="theme-color">, (2) las pistas de color de Open Graph, (3) las variables CSS con nombres relacionados con colores y (4) la paleta del logo y las imágenes principales. - ¿Los colores se devuelven en formato HEX?
- Sí: todos los colores se devuelven con valores HEX. También se incluyen los valores RGB cuando están disponibles.
- ¿Extrae todos los colores CSS de la hoja de estilos?
- Se centra en las propiedades personalizadas de CSS (variables) cuyo nombre apunta a colores de marca, en lugar de extraer cada valor de color de la hoja de estilos (que pueden ser miles).
- ¿Puedo usarlo para investigar marcas de la competencia?
- Sí: es una forma eficaz de identificar los colores principales y de acento de un competidor sin revisar su CSS a mano.
- ¿Esta herramienta es gratuita?
- Sí: SmartScan es gratis. Regístrate y obtén 1000 escaneos al mes. Sin tarjeta de crédito.
Extraer los colores de marca de cualquier web
Gratis: 1000 escaneos al mes. Sin tarjeta de crédito.