Saltar al contenido principal
DailyBox

Extractor de paleta de colores

Extrae los colores dominantes de cualquier imagen, edítalos y bloquéalos, crea armonías de color y exporta a CSS, JSON, SVG, PNG o ASE.

Suelta una imagen aquí

Arrastra una imagen o explora tus archivos. Se lee en tu navegador y nunca se sube.

PNG, JPG, WebP, GIF, AVIF, BMP y SVG, según lo que admita tu navegador.

Tu imagen se procesa en tu navegador y nunca se sube. El asesor de IA opcional solo envía los códigos HEX de tu paleta.

Extrae los colores de una imagen y conviértelos en una paleta

Esta herramienta lee una imagen en tu navegador y encuentra sus colores dominantes. Agrupa los píxeles parecidos, ordena los grupos según la parte de la imagen que cubren y te da una paleta de 5, 8, 10 o 12 colores con valores HEX, RGB, HSL y CMYK. Tu imagen nunca se sube.

Después puedes editar o bloquear colores, tomar colores extra directamente de la imagen, crear armonías de color y exportar el resultado. Para comprobar un contraste o convertir un solo color, usa el conversor de colores y comprobador de contraste.

Cómo funciona

  1. Suelta una imagen en la página o elige un archivo.
  2. Elige el número de colores y ajusta la variedad: los valores altos fusionan tonos parecidos y los bajos conservan diferencias sutiles.
  3. Haz clic en un color para ver sus valores HEX, RGB, HSL y CMYK, editarlo, bloquearlo o quitarlo. Haz clic en la imagen para añadir el color bajo el cursor.
  4. Abre la sección de armonías para generar colores complementarios, análogos, en tríada, complementarios divididos, monocromáticos, cálidos o fríos a partir de cualquier color de la paleta.
  5. Exporta la paleta como variables CSS, JSON, SVG, PNG o archivo de muestras ASE.

Cuándo usarlo

  • Crear una paleta de interfaz o de marca a partir de una foto, un logotipo o una captura de pantalla.
  • Generar variables CSS para una web a partir de una imagen existente.
  • Encontrar combinaciones de texto y fondo y comprobar su legibilidad.
  • Reunir colores para un moodboard o una presentación.

Conviene saber

  • La paleta es un resumen estadístico de la imagen. Los detalles pequeños pueden fusionarse con un tono cercano, salvo que bajes la variedad o elijas más colores.
  • Los colores se leen tal como los muestra tu navegador (sRGB). Los perfiles de color incrustados pueden hacer que el mismo archivo se vea distinto en otros programas.
  • El porcentaje es la proporción de los píxeles de la imagen agrupados en un color. No se cuentan los píxeles transparentes, ni el blanco o el negro si eliges ignorarlos. Las imágenes grandes se reducen para el análisis.
  • Los valores CMYK son una conversión matemática sencilla desde RGB. Los colores impresos dependen de las tintas, el papel y los perfiles.
  • Las armonías se calculan con las reglas del círculo cromático y se marcan como generadas. No proceden de tu imagen.
  • El asesor de IA es opcional. Solo envía los códigos HEX de tu paleta y tu breve nota a la API Gemini de Google, puede no estar disponible o haber superado su cuota, y sus sugerencias son ideas, no garantías. DailyBox recalcula el contraste de los pares de texto y fondo que propone.
  • El archivo ASE contiene tus colores como muestras RGB. No se ha probado en software de Adobe, así que si una aplicación lo rechaza, usa la exportación CSS o JSON.

Preguntas frecuentes

¿Mi imagen se sube a algún sitio?

No. La imagen se lee y se analiza en tu navegador. Solo si usas el asesor de IA opcional se envían al servicio de IA los códigos HEX de tu paleta y tu breve nota, nunca la imagen.

¿Cuántos colores obtendré?

Tú eliges 5, 8, 10 o 12. Si la imagen tiene menos colores claramente distintos con tus ajustes, obtendrás menos y un mensaje te lo indicará.

¿Cambian los colores bloqueados al regenerar la paleta?

No. Los colores bloqueados se quedan donde están y el resto se vuelve a buscar. Un color nuevo nunca es casi idéntico a uno bloqueado.

¿Cómo se elige el color dominante?

Es el grupo de color que cubre la mayor parte de los píxeles de la imagen. El porcentaje que aparece a su lado es esa proporción.

¿Qué formatos puedo exportar?

Variables CSS, JSON, SVG, una imagen PNG y un archivo de muestras ASE. Puedes copiar el CSS y el JSON o descargar cualquiera de ellos.

¿Necesito la IA para usar la herramienta?

No. La extracción, la edición, el bloqueo, las armonías y las exportaciones funcionan sin ella y siguen funcionando si el servicio de IA no está disponible.

Herramientas relacionadas