Extractor de paleta de colores: obtén una paleta de colores de una imagen
Obtén los colores principales de una foto en 4 a 12 muestras. Copia códigos HEX, RGB o HSL, o exporta variables CSS, Tailwind, JSON o PNG.
100% privado. No se sube nada.
Cómo extraer una paleta de colores de una imagen
Subir imagen
Pulsa Elegir imagen o arrastra un archivo JPG, PNG, WebP, GIF, BMP o SVG a la página.
Ver colores
Aparece una paleta de hasta 8 colores. Elige 4, 6, 10 o 12 en Colores para cambiarla.
Copiar y exportar
Haz clic en una muestra o código para copiarlo, o exporta variables CSS, Tailwind, JSON o PNG.
Funciones principales
- 4 a 12 colores por paleta
- Tus archivos no salen de tu dispositivo
- Herramienta en línea gratuita
- No se requiere registro.
- Exportación CSS y Tailwind
- Valores HEX, RGB y HSL
¿Qué se puede hacer con las paletas de colores extraídas?
Diseño web y de aplicaciones
- Crea tokens de color para un sistema de diseño
- Exporta variables CSS o una configuración de Tailwind
- Combina el tema de un sitio web con su foto principal
- Elige un esquema de colores de UI a partir de una foto de referencia
Marca e identidad
- Observa los colores principales de un logo o foto de producto
- Crea paneles de inspiración a partir de fotos de referencia.
- Mantén colores coherentes en un conjunto de imágenes de marca
- Comparte una paleta como imagen PNG o archivo JSON
Arte y fotografía
- Estudia los colores de una pintura o ilustración
- Extrae una paleta de una foto de una obra de arte famosa
- Crea estudios de color a partir de fotos de naturaleza
- Empieza una paleta para una ilustración digital
¿Qué es un extractor de paleta de colores?
Un extractor de paleta de colores encuentra los colores principales de una imagen y los muestra como una fila de muestras, cada una con su código de color. Analiza la imagen completa de una vez. Un selector de color es distinto: te da el color exacto del punto exacto donde haces clic.
Cómo obtener una paleta de colores de una imagen
Suelta una foto en la herramienta y aparece una paleta de hasta 8 colores. Estas respuestas te ayudan a elegir el número de colores y la imagen adecuada, y explican qué representa cada muestra.
¿Cuántos colores debe tener una paleta?
Elige 4, 6, 8, 10 o 12 en Colores, justo encima de las muestras. La paleta se vuelve a generar desde la misma imagen cada vez. Como guía general:
- 4 colores: un esquema simple, o un logo con pocos colores.
- 6 a 8 colores: la mayoría de las fotos. 8 es el valor predeterminado.
- 10 a 12 colores: fotos y pinturas con mucho detalle, cuando quieres más tonos.
¿Cómo elige el extractor los colores?
Usa un método llamado corte mediano (median cut). La herramienta agrupa los píxeles en grupos de colores similares. Divide una y otra vez el grupo con el rango de colores más amplio hasta llegar a la cantidad de grupos que pediste. Cada muestra es el color promedio de un grupo.
- Las muestras aparecen en orden según cuántos píxeles representan, el grupo más grande primero.
- Los colores que cubren menos del 0,5% de la imagen aproximadamente se descartan, así que puedes obtener menos muestras de las que elegiste.
- Los píxeles mayormente transparentes se omiten, para que un fondo transparente de PNG no se convierta en una muestra.
¿Qué imágenes dan la mejor paleta?
Las fotos con pocas áreas de color bien definidas dan la paleta más limpia. Algunos consejos:
- Si una parte es la más importante, como un producto o una pared pintada, recorta la imagen a esa parte primero.
- Las áreas grandes y uniformes, como el cielo o un fondo blanco, obtienen sus propias muestras.
- Un logo con 2 o 3 colores funciona mejor con 4 colores. Con cantidades más altas, algunas muestras pueden repetir un color o mostrar una mezcla de dos.
- Un GIF animado da la paleta de su primer cuadro.
¿Paleta o color único: cuál necesitas?
Usa la paleta para ver el esquema de colores general de una imagen. Cada muestra es un promedio, así que puede no coincidir exactamente con ningún píxel. Para el código exacto de un punto, como el color de marca en un logo, usa el selector de color desde imagen y haz clic en ese punto.
Más herramientas gratuitas
Descubre nuestras otras herramientas gratuitas de imagen y diseño; no es necesario registrarse.
Cambiar tamaño de la imagen
Cambia el tamaño de las imágenes a dimensiones exactas o a un porcentaje determinado, manteniendo la calidad.
Comprimir imagen
Reduce el tamaño de los archivos sin pérdida visible de calidad para la web y para compartirlos.
Visor de metadatos de imágenes
Visualiza los datos EXIF, la ubicación GPS, los DPI y la configuración de la cámara de cualquier imagen.
Generador de códigos QR
Genera códigos QR a partir de URL, texto, WiFi o contactos con colores personalizados.
Selector de color de imagen
Haz clic en un punto de una foto o captura de pantalla para obtener su código HEX, RGB y HSL exacto.
Preguntas frecuentes sobre el extractor de paletas de colores
Preguntas frecuentes sobre la extracción, el uso y la exportación de paletas de colores a partir de imágenes.
¿Cómo obtengo una paleta de colores de una imagen?
Pulsa Elegir imagen, o arrastra un archivo JPG, PNG, WebP, GIF, BMP o SVG a la página. Aparece una paleta de hasta 8 colores debajo de tu imagen. Elige 4, 6, 10 o 12 en Colores para cambiarla. Luego haz clic en cualquier muestra o código para copiarlo, o exporta toda la paleta.
¿Qué formatos de imagen puedo usar?
Puedes abrir archivos JPG, PNG, WebP, GIF, BMP y SVG, uno a la vez. Un logo en SVG también funciona, y su fondo transparente se omite. Un GIF animado usa su primer cuadro. Las áreas transparentes o mayormente transparentes de un PNG, WebP o GIF se omiten, así que no se convierten en una muestra.
¿Puedo extraer más de 8 colores?
Sí. 8 es el valor predeterminado, y una vez que se muestra la primera paleta puedes elegir 4, 6, 8, 10 o 12 en Colores. La paleta se vuelve a generar desde la misma imagen. Puedes obtener menos muestras de las que elegiste, porque los colores que cubren menos del 0,5% de la imagen aproximadamente se descartan.
¿Puedo obtener los códigos hexadecimales de los colores de una imagen?
Sí. Cada tarjeta de muestra muestra un código HEX, RGB y HSL, como #3A7BDF, rgb(58, 123, 223) y hsl(216, 72%, 55%). Haz clic en un código para copiarlo, o haz clic en el color mismo para copiar su código HEX. Cada código es el promedio de un grupo de píxeles. Para el código exacto de un píxel, usa la herramienta de selector de color desde imagen.
¿Cómo uso la paleta en CSS o Tailwind?
En Exportar paleta, elige Variables CSS, Config de Tailwind o JSON, y luego pulsa Copiar código. Variables CSS da un bloque :root con --color-1, --color-2 y así sucesivamente, usado como var(--color-1). Config de Tailwind da un fragmento para tailwind.config.js, así que clases como bg-palette-1 funcionan. JSON lista el código HEX, RGB y HSL de cada color. Descargar PNG guarda las muestras como una imagen con sus códigos HEX.
¿Por qué algunos colores extraídos se ven distintos de lo que esperaba?
Cada muestra es el promedio de un grupo de píxeles similares, así que puede verse un poco más apagada que el punto más brillante. Las muestras siguen cuánto espacio de la imagen cubre un color, no cuán llamativo es. Una pequeña flor roja puede quedar fuera mientras que un cielo grande obtiene dos muestras. Recorta el área que te interesa, o elige una cantidad de colores mayor.
¿Mis imágenes están seguras al extraer una paleta?
Sí. Tu imagen se procesa en tu propio dispositivo y nunca se sube, así que nunca la vemos. No se guarda nada: la paleta desaparece al recargar o cerrar la página, a menos que la copies o descargues antes.
¿Es gratis el extractor de paleta de colores?
Sí. No hay cuenta, ni registro, ni límite de cuántas imágenes puedes revisar. Todas las opciones son gratis: las cinco cantidades de colores, copiar códigos y las exportaciones a CSS, Tailwind, JSON y PNG.