Extractor de colores gratis
Extrae colores dominantes, códigos HEX y tokens de paleta reutilizables desde imágenes locales antes de revisión de diseño o handoff frontend.
Procesamiento local en el navegador. Sin subidas.
Suelta un archivo o haz clic para buscar
Esperando un archivo
Añade un archivo para empezar.
Original
-
Colores encontrados
-
Color dominante
-
Procesamiento local en el navegador. Sin subidas.
Paleta extraída
Esperando un archivo
CSS variables
:root {
}Palette JSON
[]
Cómo se muestrea la paleta
La imagen se dibuja en un canvas pequeño, se leen sus píxeles y los colores se agrupan para que los dominantes suban a la parte superior. Muestrear desde una copia reducida es deliberado: mantiene rápida el análisis de una foto de 40 megapíxeles y evita que una esquina ruidosa domine el resultado. Todo se ejecuta localmente, así que los recursos de marca y las ilustraciones no publicadas nunca se suben.
Obtienes códigos hex que puedes pegar directamente en una hoja de estilos o en un archivo de tokens de diseño.
Leer una paleta que has extraído
Los colores extraídos son un punto de partida, no un sistema terminado. Los colores dominantes de una fotografía son fotográficos: llevan la iluminación y el ambiente de esa imagen concreta, que a menudo es lo contrario de lo que necesita una paleta de interfaz utilizable. Trata la salida como evidencia de lo que contiene la imagen y luego elige combinaciones accesibles de forma deliberada.
Comprueba el contraste antes de publicar. Una pareja de colores que se ve agradable en una fila de muestras puede seguir sin cumplir los umbrales de legibilidad para el texto del cuerpo, y un acento extraído usado como color de etiqueta de botón puede que no tenga ni de lejos suficiente contraste contra su fondo.
Cuándo la extracción es la herramienta equivocada
Si el objetivo es coincidir con un sistema de marca existente, muestrea el archivo de marca en lugar de una foto aleatoria. Si el objetivo es un sistema de diseño completo, la extracción te da matices pero no los tintes, sombras, espaciado ni roles semánticos que realmente necesitas. Úsala para informar una decisión, no para tomarla.
Consejos rápidos
- Usa 4 a 6 colores para tokens UI y 8 colores para moodboards más completos.
- La paleta se toma localmente desde una vista previa reducida para que los archivos grandes sigan rápidos.
Siguiente paso: convertir una foto en vídeo
Todo lo anterior se ejecuta en tu navegador y no cuesta nada. Cuando el archivo esté listo, Animate AI toma el relevo: sube una foto, elige un movimiento y recibe un vídeo corto. Los créditos son prepago, así que ves el precio exacto antes de empezar.
A dónde ir después en Animate AI
Cada flujo, herramienta de navegador y detalle de precios tiene su propia página. Abre la que encaje con lo que ya tienes.