Privado in-browser color herramienta

Imagen Color Extractor

Subir an imagen to generate its dominant color palette, or haz clic anywhere on the vista previa to pick an exact color.

No imagen subirHaz clic to sample a pixelHEX, RGB, and HSL

Soltar an imagen here

JPG, PNG, WebP, AVIF, GIF, BMP · up to 50.0 MB

Local procesando · Sin registro · No marca de agua

Your imagen stays on your device

Color analysis runs locally with the navegador Canvas API. Your original and extracted colors are never sent to a server.

Local procesando · Sin registro · No marca de agua

Cómo funciona

Build an imagen palette in three steps

Find reusable colors in photos, screenshots, and design mockups for brand work, web design, illustration, photo analysis, and social assets.

  1. 01

    Añadir an imagen

    Elegir or soltar a common imagen archivo. Your navegador reads it locally.

  2. 02

    Explore the colors

    Build a 5, 8, or 12-color palette, or haz clic the imagen to sample one pixel.

  3. 03

    Copy or exportar

    Elegir HEX, RGB, or HSL, copy the palette, or descargar CSS variables.

FAQ

Preguntas frecuentes

Is my imagen uploaded to a server?

No. Imagen decoding, pixel sampling, color clustering, and exact picking todo happen in this navegador.

Why can a dominant color differ slightly from the imagen?

The palette groups similar pixels into representative colors. Haz clic the imagen when you need the exact value of one pixel.

Does it support transparent PNG archivos?

Yes. Fully transparent pixels are ignored; visible and partially transparent areas take part in the analysis.

How can I use the colors in a design or codebase?

Copy individual HEX, RGB, or HSL values, copy the full palette, or descargar CSS personalizado properties.

Related herramientas

Continúa tu flujo de trabajo de imágenes

Formats

Compatible imagen formats

Common still-image formats work directly. GIF archivos are analyzed from the first frame; fully transparent PNG pixels are ignored.

JPGJPEGPNGWebPAVIFGIFBMP

Use cases

Casos de uso habituales

  • Find brand or theme colors from a photo
  • Create a palette reference for web, app, or poster design
  • Grab an exact HEX value from a screenshot
  • Check dominant color balance in a mockup

Keep exploring

Related herramientas and guides