ColorSnap
Saca una paleta de verdad de cualquier imagen y corrígela a mano. El agrupamiento trabaja en un espacio de color perceptual, el cuentagotas llega al píxel, y nada sale nunca de tu navegador.
Suelta una imagen aquí o haz clic para subirla
PNG, JPG, WebP, AVIF, GIF, BMP, HEIC, TIFF y SVG — hasta 80 MB, leídos en tu navegador
Paleta
Carga una imagen para construir su paleta.
Cómo funciona
Trae una imagen
Suéltala, elígela, pégala o mándala desde otra herramienta de oLoveTools. Todavía no se ejecuta nada.
Primero, configúralo
Elige cuántos colores quieres, con qué profundidad muestrear y qué tonos ignorar.
Extrae cuando tú lo digas
El corte por mediana acota el terreno y luego k-means lo refina en OKLab, donde la distancia coincide con lo que ves.
Corrígelo a mano
Fija lo que funciona, quita lo que no, y coge con el cuentagotas lo que las matemáticas se dejaron.
Ve el color como lo ves tú
El agrupamiento ocurre en OKLab, así que dos azules idénticos a la vista nunca entran los dos mientras el único naranja de la foto se queda fuera.
Cuentagotas con lupa
Amplía hasta el píxel, pasa el cursor para ver el valor y haz clic para quedártelo. Alt+clic quita la muestra más parecida a lo que señalas.
Fija lo que ya te vale
Bloquea una muestra y el resto de la paleta se reconstruye a su alrededor, en vez de empezar de cero y perder la que te gustaba.
Legibilidad comprobada
Ratios de contraste WCAG 2.1 reales frente al blanco, al negro y a cada muestra, más simulación de protanopía, deuteranopía y tritanopía.
100% en tu navegador
Sin subidas, sin modelos descargados de un CDN, sin ninguna llamada de red. La imagen se queda en la pestaña y desaparece al cerrarla.
Exportaciones que se usan de verdad
Propiedades personalizadas CSS, SCSS, un bloque @theme de Tailwind v4, JSON, una paleta .gpl de GIMP, muestras SVG y una lámina PNG.
Una paleta que coincide con la imagen, no un promedio borroso de ella
Casi todos los extractores encogen tu foto a una miniatura y cuentan píxeles en una rejilla fija, lo que mezcla colores vecinos e inventa tonos que nunca estuvieron ahí. ColorSnap muestrea la imagen a resolución completa, guarda la media exacta de cada casilla de color que llena y agrupa esas casillas en OKLab, un espacio donde la distancia numérica coincide con la diferencia percibida. La diferencia es la que hay entre una paleta de cuatro azules casi iguales y otra que sí contiene el naranja de la esquina.
La pasada pesada corre fuera del hilo principal
El barrido de píxeles ocurre en un Web Worker sobre un OffscreenCanvas, así que la interfaz sigue respondiendo con una foto de 50 MP. Lo que vuelve es un histograma compacto, y cada cambio posterior — tamaño de paleta, mínimo de saturación, muestras fijadas — se resuelve a partir de él en milisegundos, sin volver a tocar la imagen.
Automático primero, manual cuando quieras
Soltar un archivo no lanza nada: la imagen espera mientras eliges los ajustes. También puedes saltarte por completo la pasada automática y construir la paleta a mano desde el primer clic, con zoom, lupa, fijado y deshacer. Todos los colores son editables después, y volver a extraer respeta lo que hayas fijado.
100% privado, y esto es literal
No hay subida, ni API, ni modelo descargado de un CDN, ni analítica sobre tu imagen. Todo — decodificar, muestrear, agrupar, exportar — pasa con APIs del navegador dentro de tu pestaña. Tu imagen vive solo en memoria y desaparece en cuanto cierras la página.
Preguntas frecuentes
Q¿Se envía mi imagen a algún servidor?+
No. Decodificar, muestrear y agrupar ocurre todo con APIs de canvas y Web Worker dentro de tu navegador. No hay subida ni ninguna petición de red que involucre tu imagen en ningún momento.
Q¿Qué formatos puedo abrir?+
PNG, JPG, WebP, AVIF, GIF, BMP y SVG se abren de forma nativa. Los HEIC y HEIF del iPhone se convierten en el navegador, y el TIFF también se decodifica en local. El límite es de 80 MB por archivo. Puedes soltar, examinar, pegar del portapapeles o recibir una imagen desde otra herramienta de oLoveTools.
Q¿Por qué no extrae la paleta nada más soltar el archivo?+
Porque los ajustes cambian el resultado. El número de colores, la profundidad de muestreo y el mínimo de saturación moldean lo que obtienes, y ejecutar antes de fijarlos solo desperdicia una pasada. La imagen espera; tú pulsas el botón. Y si prefieres no usar la pasada automática, hay un botón que va directo al cuentagotas.
Q¿Qué significa el número de desviación?+
Es la distancia perceptual media, en OKLab, entre los colores de tu imagen y el color de la paleta al que se ha asignado cada uno. Por debajo de 3 la paleta describe la imagen con fidelidad; por encima de 6 estás viendo una impresión suelta de ella. Añadir colores lo baja, y es la forma honesta de saber si cinco muestras eran suficientes.
Q¿Qué hace fijar un color?+
Una muestra fijada se trata como inamovible. Cuando cambias el tamaño de la paleta o repites la extracción, los colores fijados se quedan exactamente como están y el resto de huecos se recalcula a su alrededor, así que nunca pierdes la muestra que ya te gustaba.
Q¿Puedo exportar directo a mi proyecto?+
Sí. Propiedades personalizadas CSS, variables SCSS con su mapa, un bloque @theme de Tailwind v4, JSON con HEX/RGB/HSL/OKLCH y cobertura, una paleta .gpl para GIMP, Inkscape y Krita, muestras SVG, texto plano y una lámina PNG. Los nombres de variable salen de los propios colores, así que obtienes --deep-teal en vez de --color-4.