Herramientas
Paleta de colores de cualquier web
Escribe la dirección de una web y obtén su paleta: cada color con su rol, en códigos hex, variables CSS, un tema de Tailwind o JSON.
Prueba constripe.comlinear.appairbnb.com
linear.app
Medido hace 4 días.
#08090a background
#101112 surface
#1c1d1e surface-2
#07220a surface-3
#f7f8f8 foreground
#8a8f98 muted-foreground
#e5e5e6 primary
#111111 on-primary
#5e6ad2 secondary
#1c1d1e borderCómo funciona
Stylepack abre el sitio en un navegador real, mide lo que se renderiza (no lo que dice la hoja de estilos) en cuatro anchos y en ambos temas, y guarda el resultado como un paquete de diseño. Un sitio ya medido responde al instante; uno nuevo tarda menos de un minuto. Cada valor de esta página sale de ese paquete.
Preguntas
¿Cómo se mide la paleta?
El sitio se renderiza en un navegador real y los colores de fondos, texto, botones, enlaces y bordes se leen de la página, se agrupan y se nombran por rol (background, foreground, primary, border, etc.). El acento es el color de sus botones principales y enlaces.
¿Incluye los colores del modo oscuro?
Cuando el sitio tiene tema oscuro, también se mide y el CSS lleva un bloque dark con los valores correspondientes.
¿Puedo obtener la paleta para Tailwind o Figma?
El resultado ofrece códigos hex, variables CSS, un tema de Tailwind v4 y JSON. El paquete de diseño añade tokens.json en el formato de tokens de diseño del W3C, que leen Style Dictionary y los plugins de Figma.