Extractor de Colores de Imagen — Paleta desde una Imagen
Extraiga la paleta de colores dominantes de cualquier imagen. Obtenga códigos Hex y RGB, copie colores individuales o toda la paleta como variables CSS. 100% en su navegador.
Extractor de Colores de Imagen — Paleta desde una Imagen
Suba cualquier imagen y extraiga al instante su paleta de colores dominantes. Obtenga el código Hex y RGB de cada color, cópielos individualmente, o exporte toda la paleta como variables CSS listas para usar. Perfecto para diseñadores que construyen un esquema de color a partir de una foto, logo o imagen de inspiración.
Funciones
- Detección de colores dominantes: usa cuantización median-cut para encontrar los colores más representativos
- Cantidad ajustable: extraiga de 4 a 12 colores
- Hex y RGB: cada color incluye ambos códigos, haga clic para copiar
- Opciones de exportación: copie como variables CSS (
--color-1,--color-2…) o lista Hex simple - Ordenados por dominancia: los colores más prominentes aparecen primero
Usos comunes
- Construir un esquema de color de sitio web desde un logo o fotografía
- Combinar elementos de diseño con una imagen existente
- Crear degradados o temas inspirados en una imagen
- Extraer colores de marca sin las especificaciones originales
- Generar una paleta para visualizaciones de datos o presentaciones
Cómo funciona
La herramienta reduce su imagen, muestrea los píxeles y agrupa colores similares usando un algoritmo median-cut. El color promedio de cada grupo se convierte en una muestra de su paleta. Los colores se clasifican según cuántos píxeles representan, por lo que los tonos dominantes aparecen primero.
Privacidad
Toda la extracción de colores ocurre en su navegador mediante la API Canvas. Su imagen nunca se sube a ningún servidor.
¿Necesitas más? Prueba el Extractor de Paleta Pro — HEX/HSL/OKLCH/CMYK + exportaciones Tailwind/SCSS/JSON.
Paso a paso
- Arrastra una imagen al recuadro o haz clic para elegirla (PNG, JPG, WebP o GIF, hasta 25 MB).
- Ajusta el número de colores que quieres extraer, de 4 a 12.
- Copia cada color por separado, la lista completa con Copiar lista Hex o la paleta como variables con Copiar variables CSS.
- Con Elegir otra cargas otra imagen.
Preguntas frecuentes
¿Cómo detecta los colores dominantes?
Analiza los píxeles de la imagen y los agrupa para encontrar los colores más representativos.
¿Se sube mi imagen a algún servidor?
No. La imagen se procesa en tu navegador y no sale de tu dispositivo.
¿Para qué sirve una paleta extraída?
Para crear un esquema de color a partir de una foto, un logotipo o una imagen de inspiración, y usarlo en un diseño web o gráfico.