Extrae colores de cualquier imagen directamente en el navegador, genera paletas, copia variables CSS y crea temas para tus proyectos — todo localmente.
Arrastra una imagen aquí o haz clic para seleccionar
JPG, PNG, WebP, GIF, SVG, BMP
Arrastra y suelta JPEG, PNG, WEBP, GIF, SVG+XML, BMP aqui
o haz clic para seleccionar archivos
Aceptados: JPEG, PNG, WEBP, GIF, SVG+XML, BMP
🔒 Procesamiento 100% local. Ninguna imagen se envía al servidor.
Esta herramienta analiza imágenes subidas y extrae automáticamente los colores más predominantes. Todo el procesamiento ocurre en el navegador usando Canvas, sin enviar datos al servidor.
Puedes ajustar la cantidad de colores extraídos, filtrar blancos/negros, y exportar la paleta en diversos formatos usados en CSS, Tailwind y herramientas de diseño.
La herramienta ofrece múltiples formatos de exportación para facilitar el uso inmediato de la paleta en proyectos reales.
Al extraer colores de una imagen de marca o foto de referencia, puedes generar rápidamente un conjunto de colores base para un design system. La herramienta sugiere nombre y peso (light, main, dark) para uso directo en componentes.
Cada color extraído puede abrirse directamente en el Conversor de Colores para explorar variaciones, verificar contraste y generar escalas.
Ninguna imagen sale de tu dispositivo. El procesamiento ocurre vía Canvas API del navegador. La herramienta funciona offline después de la carga inicial.
No. Todo el procesamiento es local en el navegador usando Canvas API. Ninguna imagen sale de tu dispositivo.
JPG, PNG, WebP, GIF, SVG y BMP. Cualquier formato que el navegador pueda renderizar.
Sí. Usa el control deslizante para seleccionar de 3 a 16 colores. Más colores generan paletas más detalladas.
Representan la proporción aproximada de píxeles de ese color en la imagen. Los colores con mayor porcentaje son más predominantes.
Haz clic en el botón de exportación y elige "Variables CSS". El código se copiará al portapapeles listo para pegar.
Sí. Usa la exportación "Tailwind Config" para generar un snippet que se puede pegar directamente en tailwind.config.ts extend.colors.
Sí. Puedes subir fotos de la galería o tomar fotos de la cámara. La interfaz es responsiva para cualquier pantalla.
Enlaces útiles para continuar tareas parecidas sin empezar de cero.
Conversor HEX, RGB y HSL
Convierte colores entre HEX, RGB, HSL, HSV, CMYK y otros formatos, ve una vista previa en vivo, copia código CSS y compara contraste.
Generador Visual de CSS
Crea gradientes, sombras, bordes, border-radius, glassmorphism, filtros y animaciones con sliders y copia el código CSS.
Conversor de Imagen y PDF
Convierte más de 20 formatos de imagen y PDF directamente en tu navegador con un flujo rápido, gratis, sin registro y sin login.
Las herramientas de esta página se ejecutan en el navegador y no envían automáticamente el contenido ingresado a un backend. Esto mejora privacidad y reduce latencia.
