Selector de Color y Paleta de Imágenes
Haz clic en cualquier píxel para copiar su color exacto y extrae la paleta de colores dominantes con porcentajes. Tu imagen nunca sale de tu dispositivo.
Haz clic (o mantén pulsado en móvil) sobre la imagen para capturar el color del píxel.
Color seleccionado
HEX: #E0E0E0
RGB: 224, 224, 224
HSL: 0°, 0%, 88%
Paleta dominante (5 colores)
Armonías del color seleccionado
Cómo funciona
Esta herramienta extrae colores de imágenes directamente en tu navegador. Al subir una imagen (o usar la imagen de ejemplo), se dibuja en un canvas y el selector de color captura el píxel exacto sobre el que haces clic, mostrando su valor en HEX, RGB y HSL, listo para copiar con un clic.
La paleta de colores dominantes se calcula con un algoritmo de agrupación k-means sobre la imagen reducida a 64×64 píxeles: se clasifican los píxeles en 5 grupos según su proximidad de color, se promedian los colores de cada grupo y se calcula el porcentaje de píxeles que pertenece a cada uno. El resultado es una paleta representativa de los tonos que dominan la imagen, ordenada por peso.
Además, el panel de armonías genera combinaciones clásicas de teoría del color a partir del color seleccionado: complementario (opuesto a 180°), análogos (±30°), triádicos (±120°) y tetrádicos (±90°), calculadas en el espacio HSL. Estas combinaciones son un punto de partida habitual para marcas, interfaces y composiciones.
Honestidad: la extracción de paleta es heurística — dos imágenes similares pueden dar paletas ligeramente distintas según el tamaño o la compresión, y el k-means depende del muestreo inicial. Para imágenes muy grandes se reduce la resolución antes de analizar; los colores dominantes representan la imagen global, no necesariamente los tonos que más destacan visualmente.