Selector de color y extractor de paleta - Elegir colores de la imagen

Sube cualquier JPG, PNG, WebP o GIF y haz clic en cualquier parte de la imagen mostrada: el píxel exacto bajo tu cursor se muestra y se muestra como HEX, RGB y HSL con una copia de un solo clic para cada formato. Perfecto para combinar un color de marca, samplear una muestra de una fotografía o coger tonos de acento de un diseño de maqueta.

La imagen se reduce a 320 píxeles en su lado más largo, luego cada píxel se divide en sus 4 bits superiores por canal. Los cubos más poblados se promedian de nuevo a color completo de 8 bits, ordenados por frecuencia y devueltos como tu paleta. El resultado suele ser entre 5 y 24 colores dominantes que resumen visualmente la imagen.

Sí. Los botones de Descargar producen dos formatos: un bloque de variables CSS listo para pegar en un selector :root (--color-1, --color-2...), y un archivo JSON con componentes hexadecimales, RGB y porcentaje de peso para cada color. Ambos formatos se integran perfectamente en los tokens de diseño, configuraciones de Tailwind y librerías de paletas.

No — la selección de colores y la extracción de paletas se hacen completamente en tu navegador usando la API HTML canvas. La imagen permanece en tu dispositivo, lo que hace que la herramienta sea segura para fotos de productos no publicadas, borradores de maquetas y activos de marca bajo NDA.

Para el trabajo de identidad de marca, 5-8 colores es el punto óptimo: captura el tema dominante sin diluir las opciones de acentos. Para la visualización de datos recomendamos 10-16 colores para tener suficientes tonos categóricos. El control deslizante te permite elegir entre 5 y 24.

Se ignoran los píxeles con alfa inferior a 128, por lo que los fondos transparentes no contaminan la paleta con colores de "fondo". Esto hace que Image Color Picker sea especialmente bueno para recortes de productos, arte de pegatinas y sujetos aislados.

HEX (#RRGGBB) es el más compacto y es lo que usan CSS, Figma y Sketch por defecto. RGB muestra los tres valores de componentes de 0 a 255 — útil al trabajar con datos de imagen de forma programática. HSL (matiz, saturación, luminosidad) es intuitivo para ajustar colores: cambiar el tono para cambiar la familia de colores, ajustar la luminosidad para tonos y matices.

Sí. Gratis, no se requiere cuenta, no hay límites en tamaño de imagen ni en el número de paletas extraídas. No hay nada que instalar — toda la herramienta es una sola página web.