Suelta tu foto
Cualquier imagen con color.
Paleta de colores desde una imagen
Suelta cualquier foto y obtén sus colores dominantes desglosados en una paleta, cada uno con su código hex y RGB y cuánto de la imagen ocupa, listos para copiar uno a uno o coger como un bloque de variables CSS.
- Gratis
- Sin registro
- Funciona en tu navegador
Cómo funciona
Fija cuántos colores quieres
De 2 hasta 10 muestras.
Copia los códigos
El hex y RGB de cada muestra, o toda la paleta como CSS.
Convertir una foto en una paleta de colores usable
Una puesta de sol, la foto de un producto, una obra de arte — cualquier foto es en realidad una enorme cantidad de colores individuales, demasiados para usarlos directamente en un diseño. Esta herramienta agrupa esos colores en una paleta pequeña y representativa con un método de cuantización de color llamado corte de mediana: divide repetidamente los colores de la imagen en grupos cada vez más pequeños por su rango más ancho, hasta quedarse con exactamente el número de muestras que pediste, cada una la media de los colores de su grupo.
Qué obtienes de cada color
Cada muestra del resultado viene con su código hex y su valor RGB listos para copiar, además del porcentaje de píxeles de la imagen que representa, para que veas de un vistazo qué colores son dominantes y cuáles son solo un pequeño acento.
Directa a tu CSS
Además de copiar códigos individuales, toda la paleta también está disponible como un bloque de propiedades personalizadas de CSS, así que puedes pegarla directamente en una hoja de estilos y empezar a referenciar los colores de la foto por su nombre de variable.
Cuántos colores elegir
Una foto sencilla con uno o dos tonos dominantes puede necesitar solo 3 o 4 muestras para captarla bien; una imagen recargada y colorida se beneficia de más, hasta las 10 que permite esta herramienta. Prueba un par de valores y mira cuál refleja de verdad la foto.
Privacidad
Tu foto se analiza por completo en tu navegador, píxel a píxel. No se sube nada nunca.
Preguntas frecuentes
¿Cómo se calcula la paleta?
Con un método de cuantización de color llamado corte de mediana, que agrupa los colores de la imagen dividiéndolos repetidamente por su rango más ancho hasta llegar al número de muestras que pediste.
¿Puedo copiar toda la paleta de una vez?
Sí, usa el bloque de variables CSS debajo de las muestras para copiar todos los colores como un conjunto de propiedades personalizadas listo para pegar.
¿Qué significa el porcentaje junto a cada color?
Cuánto de los píxeles de la imagen cubre ese color, o colores cercanos a él — una medida aproximada de cuán dominante es.
¿Cuántos colores debería extraer?
Depende de la foto. Una imagen sencilla necesita solo unos pocos; una recargada y colorida se beneficia de más. Prueba distintos valores y compara.
¿Es lo mismo que la herramienta de extraer colores de marca?
Usa la misma técnica de base, pero esta está pensada para cualquier foto, mientras que extraer colores de una marca está pensada para sacar colores de un logo o una imagen corporativa.
¿Se sube mi foto a algún sitio?
No. Todo ocurre por completo en tu navegador.
Más herramientas
Otras utilidades que también funcionan sin salir de tu navegador.
PDF a imágenesConvierte cada página de un PDF en una imagen PNG o JPG, con la resolución que elijas.
Quitar bordes de una imagenRecorta automáticamente un borde o franja de color sólido alrededor de una foto.
Quitar metadatos EXIF de fotosMira qué revela tu foto y bórralo, sin recomprimir la imagen.
Comprimir imágenes onlineAligera tus fotos con vista antes y después, una o varias a la vez.
Convertir HEIC a JPGConvierte las fotos del iPhone a JPG o PNG que se abren en cualquier sitio, sin subirlas.
Convertir imágenes entre JPG, PNG, WebP y AVIFConvierte entre JPG, PNG, WebP y AVIF, un archivo o muchos a la vez.