Laboratorio de vista previa

Mira tu paleta trabajando de verdad: representada como maquetas de interfaz programáticas. Cada escena es CSS/SVG puro; sin imágenes ni IA. Cambia la paleta y las escenas se repintan al instante.

Paleta

Pega de tres a seis colores, separados por espacios o comas.

Colores de la paleta

Roles semánticos

background#FBFAF8surface#2F9E63text#16161Dtext-muted#1F7A8Cprimary#E4572Esecondary#1F7A8Caccent#2F9E63

Paleta

#FBFAF8

#16161D

#E4572E

#1F7A8C

#2F9E63

Vista previa

● marca

HomeDocsPricingRegistrarse

Diseño que llega a producción

Tu paleta en una página de marketing real — contraste del titular, texto secundario y una acción principal.

ComenzarSaber más

Los roles se asignan automáticamente: el más claro = fondo, el más oscuro = texto, el más saturado = primario. Ajusta cualquier rol desde el generador de paletas.