Extraer Paleta de Colores de Imagen
Extrae los colores dominantes de cualquier imagen gratis, directamente en tu navegador.
.jpg, .png, .webp · hasta 50 MB
Por qué usarlo
Paletas de diseño extraídas de imágenes reales
HEX, RGB y HSL
Obtén los códigos en los tres formatos más usados, listos para copiar.
100% privado
El análisis ocurre en tu navegador. Tu imagen no sale de tu dispositivo.
Algoritmo preciso
Cuantización de color con Median Cut para colores representativos y equilibrados.
Instantáneo
Paleta generada en menos de 1 segundo. Sin colas, sin registro, sin límites.
Cómo funciona
Tres pasos, sin complicaciones
Sube tu imagen
Arrastra o selecciona un JPG, PNG o WebP. Hasta 50 MB. Sin registro.
Analiza la paleta
El algoritmo extrae automáticamente los colores más representativos. Ajusta el número de colores si es necesario.
Copia los códigos de color
Obtén los valores HEX, RGB y HSL de cada color. Listos para usar en tu diseño.
Preguntas frecuentes
¿Tienes dudas?
La cuantización de color es el proceso de reducir el número de colores distintos de una imagen manteniendo el aspecto visual más fiel posible. Una imagen fotográfica puede contener millones de colores únicos; la cuantización los agrupa en un conjunto representativo (por ejemplo, 8 o 16 colores). El algoritmo más clásico es Median Cut, desarrollado por Paul Heckbert en 1982: divide el espacio de color 3D (RGB) en cubos, y en cada iteración divide el cubo más grande por su eje de mayor extensión, asignando a cada cubo el color promedio de los píxeles que contiene. El resultado es una paleta que representa bien los colores dominantes pero puede perder matices en los tonos poco frecuentes.
Para identidad de marca y sistemas de diseño, la recomendación estándar es una paleta de 5 a 8 colores: 1 color primario (el más representativo e identificable), 2-3 colores secundarios (complementarios al primario), 1-2 colores de acento (para llamadas a la acción, destacados), y 1-2 neutros (blanco, negro, gris para tipografía y fondos). Paletas más grandes (10+ colores) son difíciles de mantener coherentes. Paletas muy pequeñas (2-3 colores) pueden resultar monótonas. Para extracción de paleta de una imagen fotográfica con fines artísticos o de inspiración, entre 6 y 10 colores suelen capturar bien la esencia visual.
HEX es la representación hexadecimal de RGB: #FF5733 equivale a R=255, G=87, B=51. Es el formato más usado en CSS y diseño web por su compacidad. RGB (Red, Green, Blue) es el modelo aditivo de luz: mezclar los tres canales en sus valores máximos produce blanco (255,255,255). Es intuitivo para programadores que trabajan con cálculos de color. HSL (Hue, Saturation, Lightness) es el más intuitivo para diseñadores: H es el ángulo en la rueda de color (0°=rojo, 120°=verde, 240°=azul), S es la saturación (0%=gris, 100%=color puro), L es la luminosidad (0%=negro, 50%=color puro, 100%=blanco). Modificar un color en HSL es más predecible: para hacer un color más oscuro, basta con reducir L sin afectar el matiz.
La regla 60-30-10 es la guía más usada en diseño interior y gráfico: el 60% del espacio visual usa el color dominante (generalmente un neutro o el color de marca principal), el 30% usa el color secundario (crea contraste y profundidad), y el 10% usa el color de acento (llamadas a la acción, destacados). En diseño de interfaces web, esta proporción se adapta a: background (60%, generalmente blanco o gris claro), contenido y tipografía (30%, gris oscuro o negro), elementos interactivos (10%, color de marca vibrante). La regla garantiza coherencia visual sin monotonía, porque siempre hay suficiente variedad tonal para crear jerarquía visual.
Los colores complementarios son los opuestos en la rueda de color (rojo/verde, azul/naranja, amarillo/violeta). Crean el máximo contraste visual y se usan para elementos que deben destacar claramente sobre el fondo. En deportes y marcas de energía, el rojo sobre verde y el azul sobre naranja son combinaciones clásicas. Los colores análogos son los adyacentes en la rueda de color (rojo, naranja, amarillo). Crean armonía y sensación de unidad. Son más agradables y menos agresivos visualmente. Para interfaces de usuario largas (apps, sitios web), los esquemas análogos son más descansados para la vista. La tercera categoría, los colores triádicos (tres colores equidistantes: rojo, amarillo, azul), equilibra contraste con armonía.
Teoría del color: sistemas Pantone, cuantización y paletas accesibles
La teoría del color tiene raíces en la física y la percepción visual. Isaac Newton demostró en 1666 que la luz blanca es la suma de todos los colores del espectro al hacer pasar luz solar a través de un prisma. Johannes Itten, profesor de la Bauhaus en los años 20, formalizó el círculo cromático como herramienta didáctica y estableció las relaciones armónicas que siguen siendo la base del diseño de color moderno. Josef Albers, también de la Bauhaus, fue más lejos: en su libro 'Interaction of Color' (1963) demostró que nuestra percepción de un color no es absoluta sino relativa al contexto, un fenómeno llamado simultaneous contrast. Un gris sobre un fondo negro parece más claro que el mismo gris sobre un fondo blanco, aunque el valor del gris sea idéntico.
El sistema Pantone, fundado en 1963 por Lawrence Herbert en Nueva Jersey, resolvió un problema fundamental de la industria de impresión: dos imprentas en ciudades diferentes no podían reproducir el mismo color 'rojo' sin un sistema de referencia común. Pantone creó un libro de muestras estandarizado (el Pantone Matching System, PMS) con números únicos para cada color y fórmulas de mezcla precisas de tinta. Hoy el sistema incluye más de 1,800 colores para impresión en papel, textiles y plásticos. El algoritmo Median Cut, base de la cuantización de color digital, resuelve el problema inverso: dado un conjunto de millones de colores, encontrar los N colores más representativos. El algoritmo fue optimizado posteriormente por Xiaolin Wu (1992) con su método Octree quantization, más rápido y con mejor calidad para paletas pequeñas.
Las paletas de color accesibles son una consideración crítica en diseño de interfaces. El daltonismo afecta al 8% de los hombres y al 0.5% de las mujeres de ascendencia europea, con tasas menores en otras etnias. La forma más común, el daltonismo rojo-verde (deuteranopia y protanopia), hace que los colores rojo y verde parezcan indistinguibles. Diseñar solo con rojo y verde para diferenciar estados (error/éxito, por ejemplo) excluye a millones de usuarios. La solución no es evitar el rojo y el verde, sino añadir diferenciadores adicionales (iconos, texto, forma) y usar variaciones de luminosidad suficientemente distintas. Herramientas como Coblis (Color Blindness Simulator) permiten visualizar cualquier imagen tal como la percibiría una persona con diferentes tipos de daltonismo.