Extrae los colores dominantes de una imagen: un logo, una foto, un cuadro o una captura de pantalla. La paleta se obtiene agrupando los píxeles de la imagen según lo parecidos que se ven, enumera cada color con la proporción de la imagen que ocupa y se exporta como propiedades personalizadas de CSS, JSON o texto plano. Nada sale de tu dispositivo.
Cómo funciona
- Suelta, pega o elige una imagen.
- Elige de 5 a 8 colores; haz clic en una muestra para ver sus valores HEX, RGB, HSL y OKLCH.
- Descarga la paleta como .css, .json o .txt.
Preguntas frecuentes
- ¿Se sube mi archivo a algún servidor?
- No. Todo ocurre dentro de tu navegador, en tu propio dispositivo. Puedes comprobarlo tú mismo: abre las herramientas de desarrollo del navegador (DevTools), mira la pestaña Red mientras la herramienta trabaja y verás que no hay ninguna subida. El indicador junto al título de la página cuenta en directo los bytes que ha enviado esta página.
- ¿Cómo se eligen los colores?
- Una copia reducida de la imagen se divide en grupos de color (median cut) y luego los grupos se afinan según lo parecidos que resultan los colores a la vista (k-means en OKLab). Los tonos casi idénticos se fusionan, así que obtienes colores distintos, ordenados por la parte de la imagen que cubre cada uno. La misma imagen siempre da la misma paleta.
- ¿Por qué he obtenido menos colores de los que pedí?
- Si una imagen solo tiene unos pocos colores claramente distintos, como un logo plano, la paleta muestra esos en lugar de rellenar la lista con casi duplicados. Las zonas transparentes se ignoran.