Paleta de colores de una web
Introduzca la URL de cualquier web y extraiga su paleta de colores: cada color usado en sus hojas de estilo, ordenado por frecuencia y listo para copiar o exportar como código.
Introduzca una dirección web para extraer su paleta de colores.
Solo se pueden leer páginas web públicas, y los colores provienen del CSS que envía la página: un sitio que pinta con imágenes o canvas puede devolver menos colores. Gratis, sin registro.
Acerca de Paleta de colores de una web
La herramienta Paleta de colores de una web revela los colores que un sitio utiliza realmente. Introduzca una dirección web pública y la página se obtiene desde nuestro lado, los navegadores no pueden leer otro sitio directamente por las restricciones de origen cruzado, y luego se analizan sus estilos en línea, bloques de estilo incrustados y hojas de estilo enlazadas en busca de cada valor de color.
Los valores HEX, rgb(), rgba(), hsl() y hsla() se normalizan todos a una única forma HEX y se cuentan, de modo que la paleta se devuelve ordenada según la frecuencia con que aparece cada color en el CSS del sitio. Ese orden por frecuencia es lo que distingue el color primario real de una marca de las decenas de bordes y sombras puntuales que aparecen más abajo en la lista.
Cada muestra se copia con un clic, y el panel de exportación convierte el resultado en variables CSS, SCSS, una configuración de Tailwind, JSON, una hoja de muestras SVG o una lista HEX simple. La herramienta es gratuita y con límite de solicitudes, solo accede a direcciones públicas y no almacena nada más allá de una caché efímera de la extracción.
Cómo usar Paleta de colores de una web
- Pegue una dirección web pública en el campo (se añade https:// automáticamente si lo omite).
- Haga clic en «Extraer colores» y espere un momento mientras se leen la página y sus hojas de estilo.
- Revise la paleta: los colores se ordenan según la frecuencia con que aparecen en el CSS del sitio.
- Haga clic en cualquier muestra para copiar su valor HEX, o use «Copiar todo» para la lista completa.
- Abra Exportar para obtener la paleta como CSS, SCSS, Tailwind, JSON, SVG o HEX simple.