utilobox
Español

Selector de color de imagen

Funciona como un cuentagotas: elige un píxel de tu imagen y copia su código de color, o deja que la herramienta saque la paleta de colores principales.

Abre una imagen y toca o haz clic en ella para tomar un color.

o suelta el archivo aquí

También puedes pegar una imagen con Ctrl+V (Cmd+V en Mac).

Tus archivos no salen de tu dispositivo. Todo se procesa en tu navegador.

Cómo se usa

  1. Pulsa “Elegir un archivo”, suelta una imagen o pégala con Ctrl+V o con “Pegar imagen”.
  2. Toca o haz clic en la imagen para tomar un color; la lupa te muestra el píxel exacto.
  3. Copia el código en HEX, RGB, HSL o CMYK con su botón de copiar.
  4. Revisa “Colores principales”, elige cuántos quieres ver y copia la lista o guárdala como PNG.

Qué hace

  • Lupa de precisión

    Una lupa de 11 × 11 píxeles con cuadrícula muestra dónde tomas el color: encima del dedo en el teléfono y junto al puntero con el ratón.

  • Cuatro formatos de color

    HEX, RGB, HSL y CMYK aproximado, cada uno con su propio botón para copiar.

  • Colores recientes

    Los últimos 12 colores que eliges quedan guardados en este navegador como códigos, y “Borrar” los elimina.

  • Paleta automática

    De 5 a 10 colores principales (6 por defecto), cada uno con su porcentaje y una barra.

  • Listo para diseño y web

    Copia la paleta como lista HEX o como propiedades personalizadas de CSS, o guárdala como imagen PNG.

  • Tomar de la pantalla

    En Chrome y Edge para computadora, “Tomar de la pantalla” toma un color de cualquier parte de tu pantalla, no solo de la imagen.

Conviene saber

Cada código sirve para algo distinto. HEX, como #1E88E5, es el formato más habitual en diseño web; RGB y HSL también se usan en CSS, y HSL facilita crear tonos más claros u oscuros del mismo color. CMYK es el modelo de la impresión, pero aquí se calcula de forma aproximada: para un trabajo de imprenta, confirma el color con tu imprenta o tu programa de maquetación.

La paleta de colores principales sirve para sacar los colores de una foto, un logotipo o una ilustración y reutilizarlos en una presentación o una web. Los valores están en sRGB y los porcentajes se calculan sobre una copia reducida de la imagen, así que en fotos son aproximados. La paleta se guarda como imagen con el nombre de tu archivo y -palette.png al final. Con el teclado, mueve el punto con las flechas y pulsa Enter para tomar el color.

Preguntas frecuentes

¿Cómo saco el código de color de una imagen?

Abre la imagen y haz clic o toca el punto que te interesa. El color aparece en “Color elegido” con sus valores HEX, RGB, HSL y CMYK, listos para copiar.

¿Puedo pegar una captura de pantalla?

Sí. Haz la captura y pégala con Ctrl+V (Cmd+V en Mac) o con el botón “Pegar imagen”, si tu navegador permite leer el portapapeles.

¿Cómo obtengo la paleta de colores de una foto?

Al abrir la imagen, “Colores principales” muestra sus colores dominantes con el porcentaje de cada uno. Elige de 5 a 10 colores y usa “Copiar lista HEX”, “Copiar como CSS” o “Guardar como PNG”.

¿Por qué no veo el botón “Tomar de la pantalla”?

Solo aparece en navegadores con la función de cuentagotas EyeDropper, como Chrome y Edge en computadoras. En los demás, toma los colores directamente de la imagen.

¿Se guardan los colores que elijo?

Los últimos 12 se guardan en este navegador solo como códigos de color; tu imagen no se guarda ni se sube. Pulsa “Borrar” en “Colores recientes” para eliminarlos.

¿El valor CMYK sirve para imprimir?

Es una conversión aproximada desde sRGB. Para impresión profesional, comprueba el color con el perfil que use tu imprenta.

Herramientas relacionadas