Paleta de colores de una imagen
Suelta una foto, una ilustración o una captura y obtén sus colores principales como paleta: de 4 a 10 muestras, cada una con su código HEX y cuánto ocupa en la imagen. Cópialas como variables CSS o como lista de HEX, o guarda la paleta en PNG. Cada muestra es un color que aparece de verdad en la imagen, no una mezcla. Todo funciona en tu navegador.
Haz clic o toca para tomar el color. En el móvil, arrastra el dedo para apuntar y suéltalo para elegir.
Color elegido
Haz clic en cualquier punto de la imagen para ver su código de color.
- HEX
- RGB
- HSL
Últimos colores
Colores principales
Cómo funciona
- Suelta una imagen, elige un archivo o pega una captura con Ctrl+V.
- Elige cuántos colores quieres: 4, 6, 8 o 10.
- Haz clic en una muestra para copiar su HEX, o copia toda la paleta como CSS o lista, o descárgala en PNG.
Preguntas frecuentes
¿Cómo se eligen los colores?
Una copia reducida de la imagen se agrupa en colores parecidos (median cut, afinado con k-means). De cada grupo se muestra el color real de píxel más cercano, ordenado por cuánto ocupa en la imagen.
¿Por qué falta un color de acento pequeño?
La paleta muestra los colores que más superficie cubren, y los puntitos por debajo del 0,4 % se descartan. Prueba con 8 o 10 colores, o haz clic en el acento de la imagen para tomarlo directamente.
¿Cómo uso la paleta en CSS, Figma o Canva?
«Copiar como CSS» te da variables (--color-1, --color-2…) para pegar en tu hoja de estilos. «Copiar lista HEX» da un código por línea, listo para pegar en Figma, Canva o cualquier campo de color. El PNG va bien para moodboards.
¿Funciona con logos y PNG transparentes?
Sí. Los píxeles transparentes se ignoran y los colores planos de un logo salen exactos, porque cada muestra se ajusta a un píxel real de la imagen.
¿Se sube mi imagen?
No. La paleta se calcula en tu navegador y la imagen no se envía a ningún servidor.