Sin registro · Cinco estilos · La foto no sale de tu navegador

Extraer la paleta de colores de una imagen

Arrastra una foto o una captura y saca sus colores dominantes sin subirla a ningún servidor: el análisis ocurre dentro de tu navegador. Y cada color extraído entra directo al generador — escala del 50 al 950, armonías, contraste WCAG y exportación a CSS o Tailwind en un clic.

Tu imagen

Extrae la paleta de una foto

Arrástrala aquí o pulsa para elegirla · JPG, PNG, WebP, AVIF, GIF o SVG, hasta 20 MB · se analiza en tu navegador: no se sube a ningún servidor.

Generador de paletas

Color base

La base sale de tu foto, pero también puedes escribir un hex o usar el selector — al editarla a mano vuelves a las armonías clásicas. La dirección de la página guarda tu color base: cópiala para compartir la paleta.

Tipo de armonía

Cargando la paleta…

Haz clic en cualquier muestra para copiar su hex. El círculo marca el paso más cercano a tu color base.

Exportar

Lleva la paleta a tu proyecto

Formato
Qué exportar
/* Generando la paleta… */

Accesibilidad

Contraste de cada color

Ratio de contraste de cada color principal frente a texto blanco y negro, con el nivel WCAG 2.1 que alcanza en texto normal. Con 4,5:1 apruebas AA; con 7:1, AAA.

Cómo saca los colores: miles de píxeles, unos pocos grupos

Una foto de móvil tiene millones de píxeles y casi ninguno se repite exactamente: un cielo «azul» son miles de azules vecinos. Por eso la herramienta no busca los píxeles más frecuentes — buscaría agujas idénticas en un pajar donde no las hay — sino que agrupa los parecidos: cada píxel es un voto, los votos similares se juntan, y cada grupo devuelve su promedio como color representativo. El porcentaje que ves junto a cada color es cuánta foto ocupa su grupo.

La comparación de «parecido» no se hace con los números RGB crudos, que engañan al ojo, sino en un espacio de color perceptual: dos colores quedan cerca si un humano los ve parecidos. Es la diferencia entre una paleta que suena a la foto y una lista de valores técnicamente frecuentes pero visualmente sosos.

«Dominante» no siempre es «bonito»: para eso están los estilos

En muchas fotos el color que más superficie ocupa es un gris de asfalto, un beige de pared o un blanco de cielo quemado. Es la respuesta correcta a «¿de qué color es esta imagen?» — y la menos útil para diseñar. Los cinco estilos existen para eso: Fiel te da la verdad estadística; Vivo premia los tonos saturados aunque ocupen poco (el vestido rojo en la calle gris); Suave se queda con los tonos tierra y pastel; y Luminoso y Oscuro extraen solo la mitad clara u oscura, útiles para fondos y textos. Si la foto no tiene material para un estilo, la herramienta lo dice y te enseña la extracción fiel en su lugar — antes que inventarse colores que no están.

Elegir el color de marca a partir de una foto

El flujo que mejor funciona: extrae en Vivo, fija como base el color con más carácter (no el más abundante), y revisa la sección de contraste de abajo antes de casarte con él — un color de marca que no aguanta texto encima es una fuente de problemas. Después cambia a una armonía clásica para ver qué acentos le sientan, y exporta la escala completa: los pasos claros te darán los fondos y los oscuros el texto, ya verificados contra el estándar WCAG.

Los límites honestos: promedios y pantallas

Dos cosas que ninguna herramienta de extracción puede prometer. Primero: cada color es el promedio de su grupo, así que puede no coincidir exactamente con ningún píxel concreto — si necesitas el píxel exacto, para eso están los puntos arrastrables sobre la foto. Y segundo: el color depende de la pantalla que lo muestra; la misma paleta se ve distinta en un monitor calibrado y en un móvil con el brillo al mínimo. La paleta extraída es un excelente punto de partida, no una medición de laboratorio.

Preguntas frecuentes

¿La foto se sube a algún servidor?

No. La imagen se abre y se analiza dentro de tu navegador, en un lienzo local; nunca viaja por la red. Puedes comprobarlo tú: carga la página, desconecta internet y la extracción sigue funcionando igual.

¿Cuántos colores saca de la foto?

Hasta seis colores dominantes, ordenados por su presencia en la imagen y con el porcentaje que ocupa cada uno. Decimos «hasta» porque los tonos casi idénticos se funden en uno: una foto muy uniforme puede dar menos de seis, y eso es una respuesta honesta, no un fallo.

¿Por qué los colores no coinciden exactamente con los que veo en la foto?

Cada color extraído es el promedio de un grupo de miles de píxeles parecidos, no el valor de un píxel concreto: por eso representa la zona mejor que cualquier punto suelto, pero puede no ser idéntico a ninguno. Además, cada pantalla reproduce el color a su manera. Si necesitas el píxel exacto, arrastra uno de los puntos sobre la foto.

¿Qué formatos y tamaño de imagen acepta?

JPG, PNG, WebP, AVIF, GIF y SVG, hasta 20 MB y 32 megapíxeles. Los límites existen para que el análisis no congele el navegador: una foto de cámara normal entra sobrada.

¿Puedo usar la paleta en proyectos comerciales?

Sí: los colores en sí no tienen derechos de autor, y la paleta que exportes es tuya. Otra cosa es la foto de la que salieron: si no es tuya, sus derechos no cambian por haberle extraído los colores.