Selector de Color de Imagen y Extractor de Paleta

Carga una imagen, haz clic en cualquier punto para obtener el color exacto bajo el cursor y copia el valor HEX, RGB o HSL. La herramienta también extrae automáticamente una paleta con los colores principales. Tu imagen se lee directamente del canvas en tu navegador y nunca se envía a ningún sitio.

Arrastra y suelta una imagen aquí, o haz clic para elegir un archivo

Compatible con JPG, PNG, WebP y GIF. Los archivos se quedan en tu dispositivo.

Haz clic en la imagen para elegir un color. Mueve el cursor para verlo antes de hacer clic.

Color elegido

Paleta

Tu navegador lee los colores directamente de los píxeles de la imagen con la API Canvas. La imagen nunca se sube a un servidor.

Obtén Colores Exactos de Cualquier Imagen

Los diseñadores y desarrolladores necesitan constantemente el color preciso de un píxel: el azul de un logotipo, el fondo de una captura de pantalla, el color de acento de una foto. Este selector de color de imagen convierte tu imagen en un canvas en el que puedes hacer clic, muestra el valor bajo el cursor en tres formatos habituales y te permite copiar cualquiera de ellos con un solo clic. Junto al selector, analiza toda la imagen y crea una paleta con los colores más comunes, así puedes sacar un esquema de color listo para usar de una imagen de referencia.

Úsalo para igualar los colores de una marca, recrear un tema a partir de una captura de pantalla, tomar tonos de una foto para un diseño o extraer un esquema de color de una obra de arte.

Cómo Elegir un Color

  1. Abre una imagen. Suelta o selecciona una imagen y aparecerá en el canvas.
  2. Haz clic en un píxel. Haz clic en cualquier punto de la imagen para capturar el color de ese punto.
  3. Copia el código. Copia el valor HEX, RGB o HSL, o haz clic en una muestra de la paleta para copiar su HEX.

Tres Formatos de Color

Cada color elegido se muestra en HEX para CSS y herramientas de diseño, en RGB para código y en HSL para ajustar el tono, la saturación y la luminosidad. Copia el que necesite tu proyecto.

Paleta Automática

La herramienta toma muestras de la imagen y agrupa tonos similares para sacar los colores dominantes, y te da al instante una paleta que puedes usar para un diseño coherente.

Lee los Píxeles en Local

La imagen se dibuja en un canvas en tu navegador y los colores se leen desde allí. No se sube nada, así que los bocetos y capturas privados se quedan en tu dispositivo.

Ventajas de Usarlo

  • Copia con un clic: obtén HEX, RGB o HSL al instante.
  • Paleta en segundos: los colores principales de cualquier imagen, listos para reutilizar.
  • Sin subir archivos: los píxeles se leen en tu navegador y se mantienen privados.
  • Sin coste: gratis, sin cuenta y sin marca de agua en nada.
  • Cualquier dispositivo: funciona con un clic en escritorio o un toque en el teléfono.

Usos Habituales del Selector de Color

El motivo más frecuente para abrir esta herramienta es obtener el código hexadecimal de un color que se ve en una foto o captura de pantalla. Suelta un logotipo y haz clic en la marca para leer el color exacto de la marca, o haz clic en el fondo de una captura para igualar el color de un sitio web con una imagen de referencia. Cada selección te da el valor en tres formatos a la vez: un código HEX como #1A73E8 para pegar en CSS o en una aplicación de diseño, una cadena RGB como rgb(26, 115, 232) para código y una cadena HSL para ajustar el tono, la saturación y la luminosidad. Junto a cada uno hay un botón de copiar, así que obtener el valor RGB de un solo píxel es un clic y copiar.

También es una forma rápida de crear una paleta a partir de una imagen. Cuando se carga la imagen, la herramienta lee los píxeles y muestra hasta ocho de los colores más comunes como muestras, cada una con su código HEX debajo. Haz clic en una muestra para cargar ese color en la lectura principal, o haz clic en el código para copiarlo directamente al portapapeles. Así es fácil sacar un esquema de color de una obra de arte, una foto o un moodboard, o extraer un conjunto de tonos a juego de una imagen de referencia sin adivinar.

Preguntas Frecuentes

Abre tu imagen y haz clic en el punto que te interese. El color de ese píxel aparece en HEX, RGB y HSL, cada uno con un botón de copiar.

Sí. En cuanto se carga la imagen, la herramienta la analiza y muestra una paleta con los colores más comunes. Haz clic en cualquier muestra para copiar su valor HEX.

No. La imagen se dibuja en un canvas en tu navegador y los valores de color se leen desde allí. El archivo nunca se envía a un servidor.

Son tres formas de escribir el mismo color. HEX es habitual en CSS, RGB indica los valores de rojo, verde y azul, y HSL describe el tono, la saturación y la luminosidad, lo que es útil para ajustar matices.

Sí. Toca la imagen para tomar un color. La herramienta funciona en navegadores de teléfono sin ninguna aplicación.

Lee el valor exacto del píxel a partir de los datos de la imagen, así que el color se toma directamente del original en lugar de estimarse.

Sí. Puedes tomar muestra de cualquier píxel visible. Las zonas totalmente transparentes no devuelven ningún color porque no hay nada que leer.

Sí, es totalmente gratis, no necesita cuenta y no añade nada a tu imagen.

Carga la imagen y haz clic en el punto que quieras. El campo HEX muestra el código de ese píxel, por ejemplo #1A73E8, y el botón Copiar que tiene al lado pone el código en tu portapapeles, listo para pegar en CSS o en una herramienta de diseño.

Haz clic en el píxel de la imagen y lee el campo RGB, que muestra el color como rgb(rojo, verde, azul), por ejemplo rgb(26, 115, 232). Usa su botón Copiar para obtener el valor. La misma selección también se muestra en HEX y HSL.

Abre la imagen del logotipo y haz clic directamente en la parte coloreada de la marca. El color elegido aparece en HEX, RGB y HSL con botones de copiar, así puedes obtener el color exacto de la marca. La paleta automática que hay al lado también muestra los colores principales del logotipo como muestras que puedes copiar.

Sí. La imagen se dibuja en un canvas en tu navegador y los colores se leen de los píxeles allí mismo. No se envía nada a un servidor, así que el archivo nunca sale de tu dispositivo.

Herramientas Relacionadas