Herramienta privada de imagen a paleta
Convierte un dibujo, una ilustración, una captura o una imagen de referencia en una paleta de trabajo compacta. Toon Tone encuentra colores dominantes diferentes, muestra HEX, RGB y HSB, permite bloquear muestras importantes y añade una breve prueba de memoria después de la extracción.
Actualizado el 21 de julio de 2026
generador de paletas de colores de dibujos
El generador lee una imagen local en el navegador, agrupa colores de píxeles próximos, ordena los grupos por la superficie visible y elige cinco u ocho muestras que conservan diferencias perceptibles. Cada resultado incluye valores HEX, RGB y HSB listos para copiar. Puedes bloquear un color útil antes de regenerar las demás posiciones, descargar un PNG rotulado, copiar variables CSS o elegir una muestra para una prueba de memoria de cinco segundos. El resultado es un resumen visual práctico, no una afirmación oficial sobre la paleta de un personaje, estudio o marca.
Extracción local de colores dominantes
Carga un dibujo, ilustración, captura o foto. El navegador propone cinco u ocho colores distintos y permite bloquear los útiles para regenerar el resto.
Procesado local: tu imagen no se sube
Paleta generada
La prominencia estima superficie muestreada. Decide con la imagen, no solo con el porcentaje.
Carga una imagen para generar una paleta.
Memoria de cinco segundos
Pulsa Practicar en una tarjeta. Mira el color cinco segundos, reconstrúyelo con HSB y revela una puntuación de práctica Toon Tone.
Pulsa Practicar en cualquier muestra para empezar.
Cargando la paleta de muestra local.
Procesado local: tu imagen no se sube
La decodificación, el muestreo, la agrupación de colores, la generación de la paleta y la exportación PNG se ejecutan con APIs del navegador en tu dispositivo. La página no tiene un endpoint para subir imágenes, una biblioteca de cuenta ni un guardado en la nube. Al recargar o cerrar la pestaña se elimina la imagen de trabajo y sus colores. Este límite describe el código de la herramienta; la seguridad del dispositivo, de las extensiones y de los archivos descargados sigue siendo responsabilidad del usuario.
Un buen resultado empieza con una fuente clara y termina con una selección deliberada. Este flujo mantiene la extracción rápida y deja la decisión final en tus manos.
Arrastra, elige o pega una imagen con regiones de color legibles. El arte plano funciona especialmente bien, aunque también se admiten ilustraciones sombreadas y capturas. La muestra permite probar todo el proceso de inmediato.
Elige cinco colores para un resumen compacto u ocho para incluir más tonos de apoyo. Bloquea las muestras que quieres conservar y regenera para reconsiderar solo las posiciones abiertas.
Copia un color, la lista completa o variables CSS, o descarga un PNG rotulado. Pulsa Practicar en una muestra, estúdiala, ocúltala, reconstruye sus valores HSB y compara el resultado.
El generador aplica un resumen visual determinista, no IA generativa. Reduce el tamaño de trabajo, agrupa píxeles próximos y protege la separación perceptiva entre las muestras seleccionadas.
| Etapa | Qué ocurre | Por qué importa |
|---|---|---|
| Muestreo local | El navegador lee un lienzo reducido sin enviar el archivo original. | Las imágenes grandes siguen siendo ágiles y privadas, conservando su distribución general de color. |
| Agrupación | Los píxeles RGB cercanos entran en pequeños grupos y se promedian como candidatos. | La textura y la compresión no llenan la paleta con códigos casi idénticos. |
| Selección distinta | Los candidatos frecuentes se ordenan y se comparan por distancia perceptiva. | Las cinco u ocho muestras representan diferencias útiles y no solo frecuencia bruta. |
Una paleta generada resulta más útil cuando la fuente, el área objetivo y el siguiente paso están claros. Estos flujos reutilizan las mismas muestras de formas distintas.
Resume un fotograma, compara papeles cálidos y fríos y observa el peso visual del personaje, los objetos y el fondo. Usa el resultado como apoyo de estudio, no como clave oficial de producción.
Copia valores HEX o variables CSS para un borrador de interfaz, presentación o mood board. Revisa contraste y fuentes de marca autorizadas antes de convertir una muestra en token de producción.
Elige un color, míralo durante cinco segundos y reconstruye tono, saturación y brillo sin la referencia. La revelación transforma una paleta pasiva en un ejercicio repetible.
El arte de dibujos parece sencillo porque reconocemos con rapidez las formas amplias y los rellenos planos, pero una paleta útil debe separar las partes que cumplen funciones distintas. Un fondo claro puede ocupar la mayoría de los píxeles sin definir al sujeto. Los contornos negros pueden repetirse mucho y, aun así, resultar menos informativos que un pequeño acento de vestuario. Sombras, brillos, bordes suavizados, textura, subtítulos y compresión generan docenas de códigos alrededor de una zona que el ojo percibe como un solo color. Una lista basada solo en frecuencia suele exagerar el fondo y repetir tonos casi iguales. Toon Tone agrupa primero los valores próximos y comprueba después si cada muestra propuesta se distingue perceptivamente de las que ya han sido elegidas.
Cinco colores funcionan bien para un resumen rápido: un campo dominante, un color principal del sujeto, uno secundario, un acento y un apoyo claro u oscuro. Ocho dejan espacio para otro acento, una familia de sombras o un segundo papel de fondo. Ninguna cantidad es correcta para todas las imágenes. Un icono plano puede necesitar menos y un fotograma sombreado puede perder información incluso con ocho. Considera el resultado como punto de partida, compáralo con la fuente y bloquea únicamente las muestras que responden a tu pregunta. El control de bloqueo es deliberadamente editorial: el algoritmo propone candidatos, pero tú decides qué colores merecen permanecer en la paleta de trabajo.
No. La imagen elegida o pegada se decodifica, se muestrea y se resume dentro de la pestaña actual. No existe un endpoint de subida, una biblioteca de cuenta ni un guardado en la nube. Un PNG descargado o un valor copiado permanece en tu dispositivo o portapapeles.
El generador resume automáticamente varios colores dominantes distintos de toda la imagen. El selector informa del píxel exacto que eliges. Usa el generador para una visión general y el selector cuando importe una coordenada concreta de ropa, contorno, brillo o fondo.
Los acentos pequeños aportan menos píxeles que los fondos o zonas grandes. Prueba ocho colores, bloquea los útiles y regenera. Si sigue sin aparecer, muestrea esa zona con el selector exacto en vez de confundir prominencia automática con importancia.
No. Son muestras calculadas en el navegador a partir del archivo concreto. Iluminación, compresión, sombras, transparencia, calidad de origen y conversión de pantalla pueden cambiar los píxeles. Usa especificaciones autorizadas cuando necesites precisión oficial.
Sí. Copiar CSS crea propiedades personalizadas numeradas para las muestras actuales. Revisa nombres, contraste, espacio de color y tokens aprobados antes de usar esos valores provisionales en producción.