Extraer colores de una imagen
Suelta una foto y sacamos sus colores principales, con la proporción que ocupa cada uno y el nombre de color CSS más cercano.
Tu foto no sale del navegador. No se sube nada: los píxeles se leen en esta página y se descartan.
Colores extraídos
Haz clic en un color para copiar su HEX. La proporción es cuánto de la foto ocupa ese color.
Todavía no hay imagen: suelta una foto arriba.
Cómo se eligen los colores
Se toman píxeles de forma uniforme por toda la foto y se dividen en grupos con median cut: se toma el eje (rojo, verde o azul) que más se extiende, se corta donde los valores más se separan y se repite hasta llegar al número pedido.
Cada grupo se representa con el píxel real más cercano a su media, no con la media. Promediar inventa colores: un grupo con rojo y azul devolvería un morado que no está en la foto.
La misma foto da siempre la misma paleta. El popular k-means arranca de semillas aleatorias, así que cambia entre ejecuciones.
Preguntas frecuentes
¿Se sube mi foto a algún sitio?
No. Se abre solo dentro de tu navegador, se usa para leer píxeles y se descarta al cerrar la página. Aquí no hay código que la envíe por la red.
A veces salen menos colores de los que pido.
Ocurre cuando la foto no tiene tantos colores claramente distintos. Rellenar la lista solo repetiría muestras casi idénticas, así que los colores indistinguibles se fusionan.
¿Es exacta la proporción?
Los píxeles muestreados se reasignan a los colores finales y se cuentan. Las fotos grandes se reducen a unos 20.000 píxeles, así que el último decimal puede variar, pero las proporciones coinciden con lo que ves.