Sube tu foto, arrástrala o pégala con Ctrl+V. En segundos puedes extraer colores de una imagen y sacar colores de una imagen online sin instalar nada: la herramienta analiza los píxeles en tu navegador, calcula los tonos dominantes y muestra cada color con su porcentaje aproximado, código HEX y valores RGB.

Para sacar color de una imagen concreta o saber el color de una imagen en un punto exacto, haz clic en la vista previa: actúa como un cuentagotas y te devuelve el HEX y el RGB de ese píxel. Si lo que buscas es saber el color de una imagen de forma global, la paleta automática ordena los tonos más frecuentes para que obtengas colores de una imagen listos para copiar.

Este identificador de colores agrupa píxeles similares y te ayuda a identificar color de una imagen y a identificar colores de una imagen por frecuencia, no solo uno suelto. Verás una franja con la paleta dominante y una lista numerada: así distingues fondo, acentos y color principal sin abrir Photoshop ni instalar extensiones.

Tras cargar la foto obtienes la paleta de colores de una imagen (también llamada paleta de color de una imagen o imagen paleta de colores): una franja visual más la lista con HEX, RGB y HSL. Puedes sacar paleta de colores de una imagen ajustando cuántos tonos quieres (de 3 a 12) e ignorar blancos y negros puros si distorsionan el resultado en fotos de producto o retratos.

Sí. Funciona como un selector de color online y un color picker de imagen: haz clic en cualquier zona de la vista previa para seleccionar color y copiar su código hexadecimal. Es un cuentagotas online integrado, ideal cuando necesitas el tono exacto de un logo, un vestido o un fondo sin instalar un selector de colores en el escritorio.

En «Exportar como» puedes elegir el formato según dónde vayas a usar los colores:

Lista HEX: un código por línea (#RRGGBB), ideal para pegar en notas, Slack o briefs rápidos.

Variables CSS: propiedades personalizadas (--palette-1, --palette-2…) listas para :root o tu hoja de estilos.

Variables SCSS: mismos tonos como $palette-1, $palette-2… para proyectos Sass.

Tailwind (theme.extend): fragmento para tailwind.config.js con colors.palette numerados.

JSON: objeto estructurado con HEX, RGB, HSL, porcentaje y si el color está fijado; útil para APIs, design tokens o scripts.

Paleta GPL (GIMP): archivo de paleta compatible con GIMP y otros programas que importan .gpl.

Franja SVG: imagen vectorial con rectángulos de color; sirve para presentaciones o documentación visual. Puedes copiar el texto, descargar el export o la franja PNG.

Ambos calculan la paleta dominante, pero con algoritmos distintos. El modo rápido (recomendado) agrupa píxeles en cubos de color similares: es casi instantáneo y suele bastar en fotos, capturas y redes sociales.

El modo preciso (k-means) repite un clustering más fino sobre los píxeles muestreados: tarda un poco más pero puede separar mejor tonos cercanos en degradados, iluminación compleja o logos con varias tintas parecidas. Los porcentajes siguen siendo orientativos; para un color exacto en un punto concreto usa el cuentagotas.

Abre «Opciones avanzadas», activa «Extraer paleta solo de una zona» y arrastra un rectángulo sobre la vista previa (mantén pulsado y suelta). La herramienta recalcula la paleta únicamente con los píxeles de ese recuadro; verás el marco azul y un aviso de confirmación.

Sirve cuando el fondo distorsiona el resultado —por ejemplo, sacar colores del logo sin el cielo de la foto, del vestido sin la pared, o de un rótulo en un escaparate. El cuentagotas sigue funcionando en toda la imagen; solo la paleta automática se limita al área elegida. Desactiva la casilla para volver a analizar la foto completa.

Sí. Acepta los formatos habituales de foto e ilustración raster. Las imágenes HEIC de iPhone se abren en el navegador si tu dispositivo lo permite, igual que en el resto del kit de herramientas de imagen.

No. Sacar colores de una imagen online ocurre 100 % en tu navegador; el archivo no se envía a TresnaHub. Forma parte del kit de herramientas de imagen.

Las paletas de colores de una imagen ayudan a definir marca, fondos web, textos accesibles o moodboards. El tono principal puedes pasarlo al generador de favicon o convertir la imagen antes de publicarla en redes o en tu web.

La paleta automática es una aproximación estadística: agrupa píxeles parecidos para mostrar los tonos más frecuentes. Para precisión pixel a pixel usa el cuentagotas en la vista previa. Fotos con mucho ruido o compresión JPEG pueden variar ligeramente en los porcentajes, pero los HEX del selector de color sobre la imagen son exactos en el punto que elijas.