Acerca de: Generador de paletas de colores
El generador de paletas extrae los colores principales de cualquier imagen y los convierte en una paleta lista para usar. Te da los valores HEX, RGB y HSL, las armonías de color correspondientes y CSS listo para pegar.
Cómo funciona
Se toma una muestra de la imagen y cada píxel se trata como un punto en el espacio de color. Un algoritmo de agrupamiento k-means reúne los colores parecidos y encuentra el centro de cada grupo, es decir, el color que mejor lo representa. La paleta se ordena según la parte de la imagen que cubre cada color, así que los tonos dominantes aparecen primero.
Desde cualquier muestra puedes explorar armonías de color basadas en el círculo cromático. El color complementario está en el lado opuesto, los análogos son sus vecinos y un conjunto triádico son tres colores repartidos de forma equidistante por el círculo. También puedes hacer clic en cualquier parte de la imagen para tomar el píxel exacto bajo el cursor.
Para qué sirve
- Diseño de marca y de sitios web: crea una combinación de colores a partir de un logo, una foto de producto o un moodboard.
- Visuales coherentes: elige colores de texto y botones que combinen con una imagen principal.
- Proyectos de interiorismo, moda y arte: captura la paleta de una foto que te encante.
- Desarrolladores: copia propiedades personalizadas de CSS directamente en una hoja de estilos o en tus design tokens.
Consejos para obtener los mejores resultados
- Pide 5 o 6 colores para una paleta de interfaz útil. Usa más cuando quieras capturar tonos sutiles de una foto.
- Las imágenes con grandes zonas planas (ilustraciones, logos) dan paletas muy limpias. Las fotos dan tonos más naturales y apagados.
- Comprueba el contraste de las parejas de texto y fondo. Una paleta que se ve bien no siempre es legible.
- Descarga la paleta como PNG para compartirla con clientes o guardarla en tus archivos de diseño.