Qué hace la herramienta
La herramienta extrae una paleta de colores de una imagen localmente en el navegador. Muestra HEX, RGB y HSL, y permite copiar un color, la línea de paleta o variables CSS para diseño, sitios web y materiales de marca.
Cómo usarla
- Sube un JPG, PNG, WebP u otro formato de imagen compatible con tu navegador.
- Elige el número de colores y la precisión del análisis.
- Copia un solo color, la paleta completa o variables CSS.
Cómo se eligen los colores
La herramienta reduce la imagen a un tamaño seguro, lee los píxeles con Canvas y agrupa tonos cercanos en buckets de color. Los grupos más visibles forman la paleta, y los tonos demasiado parecidos se fusionan para que el resultado sea útil en diseño y no una lista de colores casi iguales.
La precisión del análisis cambia velocidad y detalle. El modo rápido sirve para fotos grandes y borradores; un análisis más preciso ayuda cuando importan pequeños acentos, colores de marca o ilustraciones complejas.
Uso de la paleta en diseño
Cada color se muestra como HEX, RGB y HSL, por lo que la paleta se puede llevar fácilmente a Figma, CSS, una presentación o una guía de marca. Puedes copiar un color, toda la línea de paleta o variables CSS listas.
Si el fondo domina la imagen, inclúyelo o exclúyelo según la tarea. En una ficha de producto, el fondo suele ser ruido; en un moodboard o portada puede formar parte del ambiente visual.
Límites y privacidad
La imagen no se sube a un servidor: el análisis se ejecuta en el navegador. Es útil para maquetas de clientes, referencias y materiales internos que no quieres enviar a servicios externos.
La paleta es una aproximación, no una medición certificada de color. Degradados, ruido, transparencia, compresión JPEG y perfiles de pantalla pueden influir en el resultado, así que usa especificaciones originales para impresión o control estricto de marca.