Paleta de colores
Image Palette Extractor

✨ Características

  • Extrae los colores dominantes en dos modos: Ambiente (Median Cut) y UI/Logo (K-Means)
  • Copia HEX, RGB y HSL con un clic; genera configuración de Tailwind CSS automáticamente
  • Previsualiza la paleta como fondo, texto y botones en una maqueta de UI en tiempo real
  • Sin subida de archivos — procesamiento local, nada se envía a ningún servidor

🪄 Ideal para

Extraer paletas de fotos

Genera al instante una paleta de colores que refleje el ambiente de paisajes o fotos de productos.

Identificar colores de marca

Extrae los colores de marca de un logo o imagen de referencia y copia los valores HEX de inmediato.

Flujo de diseño web

Previsualiza tu esquema de color en la maqueta de UI y exporta código CSS o de Tailwind.

Conversión de códigos de color

Convierte entre los formatos HEX, RGB y HSL para usarlos en herramientas de desarrollo y diseño.

🔒 Privacidad

Esta herramienta funciona enteramente en tu navegador. Las imágenes nunca se suben a ningún servidor externo.

❓ Preguntas frecuentes

¿Qué formatos de imagen se admiten?

Se admiten todos los formatos principales que tu navegador puede mostrar: JPEG, PNG, WebP, GIF, BMP y SVG.

¿Puedo cambiar el número de colores extraídos?

Sí. Puedes establecer el número de colores a extraer hasta un máximo de 16.

¿Puede generar código de Tailwind CSS?

Sí. La paleta extraída puede exportarse automáticamente como un fragmento de archivo de configuración de Tailwind CSS.

¿Se envían las imágenes a un servidor?

No. Todo el procesamiento ocurre en tu navegador. Los datos de la imagen nunca se envían a ningún servidor externo.
Esperando imagen
Las imágenes se procesan solo en tu navegador · nunca se suben
Arrastra y suelta una imagen aquí
Haz clic para elegir un archivo o pega directamente en esta página. Todo se analiza en tu navegador.
Clic para seleccionar ⌘ / Ctrl + V para pegar
JPEGPNGWEBPGIFSVG
Vista previa de la imagen cargada
#000000
—
AlgoritmoAlgorithm
Número de coloresSwatches
6colores
Paleta Palette
0 colores
color.omikuji.dev
// Carga una imagen para generar código
Aurora ProductoPrecioEmpresa
New release
Prueba tu paleta
ahora mismo.
Asigna los colores extraídos a fondo, texto y botones — y ve cómo se ven en una UI real al instante.
Vista previa de color
Arrastra y suelta para aplicar colores
Selecciona un rol y haz clic en un color de la paleta, o arrastra una tarjeta de color aquí.
Fondo—
Texto—
Botón—
tools.omikuji.dev
Extracción de colores con Median Cut / K-Means · completamente en el cliente
Suelta aquí para analizar
Las imágenes nunca se suben