Convierte una imagen en una paleta de colores
Las buenas combinaciones de color a menudo se encuentran más que se inventan: una puesta de sol, una foto de producto, un cuadro o el banner de un competidor. Tomar colores píxel a píxel con un cuentagotas pierde la sensación general de la imagen.
Esta herramienta analiza toda la imagen y extrae sus colores dominantes con cuantización median cut, el método de la popular biblioteca Color Thief. Agrupa los píxeles parecidos y devuelve un color representativo de cada grupo, lo que da una paleta equilibrada en HEX y RGB.
Cómo extraer una paleta de colores
Paso 1: Suelta una imagen
La paleta se extrae automáticamente en cuanto se carga la imagen.
Paso 2: Elige cuántos colores
Selecciona 4, 6, 8, 10 o 12 colores y pulsa Volver a extraer.
Paso 3: Revisa las muestras
Cada color muestra su código HEX y su valor RGB.
Paso 4: Copia los códigos
Haz clic en una muestra para copiar su código HEX, o copia todos los códigos a la vez.
Funciones de la paleta
De 4 a 12 colores
Paletas pequeñas para una identidad de marca y más amplias para ilustración e interfaces.
HEX y RGB
Listos para CSS, Figma, Canva y la mayoría de las herramientas de diseño.
Copia con un clic
Copia un solo código HEX o todos, uno por línea.
Análisis de toda la imagen
Los colores reflejan la imagen completa, no un solo píxel.
Para qué usar las paletas
Colores de marca y de web. Crea una combinación a juego con tus fotos de producto.
Presentaciones y publicaciones. Elige colores de texto y de fondo que combinen con una imagen.
Ideas de decoración y moda. Captura los colores de una habitación o de un conjunto que te guste.
Ilustración y arte. Toma prestado el ambiente de una imagen de referencia.
Por qué puede faltar un pequeño acento
El median cut agrupa los píxeles según cuánta superficie de la imagen ocupan, así que las zonas grandes dominan. Un detalle pequeño pero llamativo, como un botón rojo en un producto gris, puede fusionarse con un color vecino si solo pides cuatro o seis colores.
Pide 10 o 12 colores para que aparezcan los acentos pequeños, o recorta primero la imagen a la zona que te interesa con el recortador.
De la paleta a una combinación útil
Una paleta en bruto es un punto de partida. Para interfaces, elige un color oscuro para el texto, uno claro para los fondos y uno saturado como acento. Comprueba el contraste antes de combinar dos colores: el texto normal debe tener una relación de contraste de al menos 4,5 a 1 con su fondo.
Los códigos HEX se pegan directamente en CSS como valores de color, y la mayoría de las herramientas de diseño los aceptan en su selector de color.
- Texto: el color más oscuro de la paleta.
- Fondo: el color más claro.
- Acento: el color más saturado, con moderación.
Consejos para mejores paletas
- Usa fotos bien expuestas; las imágenes oscuras o lavadas dan colores apagados.
- Recorta bordes y marcas de agua antes de extraer.
- Prueba varias cantidades de colores; entre 6 y 8 suele ser lo ideal.
- Guarda la lista HEX copiada en las notas de tu proyecto.
Preguntas sobre el extractor de paletas
¿Cómo se eligen los colores?
La imagen se analiza con cuantización median cut, que agrupa los píxeles parecidos y devuelve el color dominante de cada grupo.
¿Cuántos colores puedo extraer?
4, 6, 8, 10 o 12 colores.
¿Qué formatos de color se muestran?
Códigos HEX y valores RGB.
¿Puedo copiar todos los colores a la vez?
Sí. El botón de copiar todo pone cada valor HEX en el portapapeles, uno por línea.
¿Por qué al cambiar la cantidad no se actualizó la paleta?
Pulsa Volver a extraer después de elegir un nuevo número de colores.
¿Se sube mi imagen?
No. Los colores se extraen en tu navegador.