CodeKitHub¿Qué es esta herramienta?
El color promedio es la media aritmética de los valores rojo, verde y azul de cada píxel — un único color combinado que representa el tono general de la imagen, pero que puede verse turbio si la imagen tiene regiones de colores muy distintos.
Los colores dominantes son otra cosa: esta herramienta agrupa los colores de píxeles similares en cubos (cuantizando cada canal RGB), cuenta cuántos píxeles caen en cada cubo, y devuelve los más comunes como muestras distintas — más cercano a lo que una persona llamaría "los colores principales de esta imagen" que una única mezcla promediada.
¿Por qué utilizarlo?
- Obtén tanto el color promedio como una paleta multicolor real a partir de una sola subida, no solo un número.
- Extrae una paleta de colores utilizable a partir de una foto, captura de pantalla o logotipo para un proyecto de diseño.
- Haz clic en cualquier muestra para copiar su código HEX exacto al instante.
- Funciona enteramente en tu navegador — la imagen se lee localmente mediante canvas y nunca se sube a ningún sitio.
- Gratis, instantáneo, sin cuenta, sin restricciones de tamaño de archivo más allá de las propias de tu navegador.
Cómo utilizarlo
- Haz clic en el botón de subir y elige una imagen de tu dispositivo.
- El color promedio y la paleta de colores dominantes aparecen automáticamente — sin botón adicional que pulsar.
- Haz clic en cualquier muestra (el color promedio o cualquier color de la paleta) para copiar su código HEX.
Ejemplo
Entrada
Una foto de un atardecer con cielo naranja y siluetas azul oscuroResultado
Color promedio: una mezcla apagada entre marrón y naranja · Colores dominantes: naranja brillante, rojo intenso, casi negro, amarillo pálido (como muestras distintas separadas)Este es exactamente el caso en el que el color promedio y los colores dominantes más divergen — el promedio mezcla tonos cálidos y fríos en un color turbio, mientras que la paleta dominante los mantiene como colores claramente separados.
Preguntas frecuentes
¿Por qué el color promedio es tan distinto de cualquier color que realmente aparece en la imagen?
Promediar combina matemáticamente todos los píxeles — si una imagen tiene regiones tanto de naranja brillante como de azul oscuro, el promedio termina en un marrón turbio, un color que puede no existir visualmente en ninguna parte de la foto original. Este es el comportamiento esperado de un promedio real, no un error; usa la paleta de colores dominantes en su lugar si quieres colores que realmente aparecen en la imagen.
¿Se sube mi imagen a un servidor?
No. La imagen se lee directamente en tu navegador usando la API Canvas, y todo el análisis de color ocurre localmente en JavaScript. Nada se envía nunca por la red.
¿Cuántos colores dominantes devuelve?
Hasta 8, ordenados por cuántos píxeles coincidieron con cada cubo de color, el más común primero. Si la imagen es muy uniforme en color, puede que veas menos de 8 cubos distintos.
¿Cuenta los píxeles transparentes de un PNG?
No — los píxeles con menos del 50% de opacidad quedan excluidos tanto del cálculo del promedio como del de los colores dominantes, así que un fondo transparente no sesgará los resultados hacia el color que se transparente a través de él.