Extractor de paletas de color e interfaz
Obtén una paleta de una imagen y úsala para diseñar una interfaz.
Estudio de color y temas de interfaz
Sube o arrastra una imagen para extraer sus colores dominantes y calcular el contraste WCAG.Haz clic para seleccionar una imagen o arrástrala aquí
Admite PNG, JPG y WEBP (máximo 5 MB). También puedes elegir una muestra:
Paleta dominante y armonías de color
Vista previa del tema y calculadora de contraste WCAG
Ejemplo de interfaz
Este panel calcula el contraste de luminancia a partir del color principal extraído.
Exportar CSS y Tailwind v4
Acerca de esta herramienta
Sube una imagen PNG, JPG o WEBP para extraer sus colores dominantes mediante el canvas del navegador. Selecciona un color para explorar tonos complementarios y análogos, y observa cómo se aplicaría a una interfaz de ejemplo.
El estudio calcula relaciones de contraste para ayudarte a revisar la legibilidad según WCAG. Exporta la paleta como propiedades personalizadas de CSS, tokens de tema de Tailwind v4 o un arreglo JSON.
Privacidad y límites
La imagen se procesa en el navegador. El archivo debe tener un tamaño máximo de 5 MB; si no quieres subir uno, puedes empezar con las muestras incluidas.