Cómo funciona
Elige una foto, un logotipo o una captura de pantalla y sus colores principales se obtienen con el algoritmo median cut, que divide una y otra vez los colores de la imagen en grupos del mismo tamaño. Cada color muestra su código HEX y qué parte de la imagen ocupa, y puedes copiar toda la paleta como variables CSS.
Imagen → colores agrupados por parecido → color medio de cada grupo
Usos prácticos
- Crear la paleta de una marca o un sitio web a partir de la foto de un producto.
- Ajustar los colores de diapositivas, carteles o miniaturas a una imagen.
- Encontrar los colores exactos de un logotipo o una ilustración.
Consejos
- Con menos colores ves los tonos dominantes; con más aparecen los acentos.
- Las zonas transparentes de las imágenes PNG se ignoran.
- La imagen se analiza en tu dispositivo y nunca se sube.
Criterios y fuentes
- La cuantización de color usa el algoritmo median cut (Heckbert, 1982)
- Los colores se indican en sRGB según CSS Color Module Level 4
Última revisión 7 de octubre de 2026
Preguntas frecuentes
¿Cómo se eligen los colores principales?
El algoritmo median cut divide una y otra vez los colores de la imagen en grupos y toma la media de cada grupo, de modo que destacan los colores más frecuentes.
¿Cuántos colores conviene extraer?
De cuatro a seis dan el ambiente general; de ocho a doce captan también los acentos más pequeños.
¿Funciona con logotipos y capturas de pantalla?
Sí. Las imágenes planas dan colores muy exactos, y las zonas transparentes de los PNG se ignoran.
¿Se sube mi imagen?
No. La imagen se reduce y se analiza dentro de tu navegador y nunca sale de tu dispositivo.
¿Puedo usar los colores en CSS?
Sí. Copia el bloque de variables CSS o toca un color para copiar su código HEX.