Carga cualquier imagen —una foto, un logo, una captura de una web que te guste— y obtén sus colores dominantes ordenados por presencia. Haz clic en cualquier color para copiar su código HEX, o usa los botones para copiar la paleta completa como lista o como variables CSS listas para tu hoja de estilos.
Es el atajo perfecto para crear la identidad visual de un proyecto a partir de una imagen de referencia, mantener la coherencia cromática de una marca o encontrar el color exacto de un elemento sin abrir un editor gráfico.
Cómo funciona
- 1
Suelta la imagen que quieres analizar.
- 2
Revisa la paleta ordenada por presencia en la imagen.
- 3
Copia cada HEX con un clic, o toda la paleta como CSS.
Preguntas frecuentes
¿Cómo se calculan los colores dominantes?
Con el algoritmo median-cut, el mismo enfoque de cuantización que usan los editores gráficos: agrupa los píxeles en regiones de color y devuelve el promedio de cada una, ordenado por presencia. Los píxeles transparentes se ignoran.
¿En qué formatos puedo copiar los colores?
HEX individual con un clic en cada muestra, la paleta completa como lista separada por comas, o como bloque :root de variables CSS listo para pegar.
¿Funciona con logos con fondo transparente?
Sí: los píxeles transparentes se excluyen del análisis, así que la paleta refleja solo los colores reales del logo.
¿Se suben mis imágenes a algún servidor?
No. Todo el procesado ocurre dentro de tu navegador con la Canvas API: tus archivos nunca abandonan tu dispositivo, no hay colas de subida y la herramienta funciona incluso sin conexión una vez cargada la página.