Skip to main content
CheckTown
Herramientas de imagen

Selector de color: extrae HEX, RGB y HSL de imágenes

Publicado 4 min de lectura
En este artículo

¿Qué es un selector de color?

Un selector de color (o herramienta de cuentagotas) permite hacer clic en cualquier píxel de una imagen para extraer su valor de color exacto. El color se devuelve en formatos comunes como HEX, RGB y HSL para que puedas usarlo directamente en código, herramientas de diseño o especificaciones de impresión.

La extracción de color es esencial en los flujos de trabajo de diseño — ya sea para coincidir con un color de marca desde una captura de pantalla, muestrear una paleta de una fotografía o identificar el tono exacto utilizado en una maqueta de interfaz.

Cómo funciona nuestro selector de color

El selector de color de CheckTown funciona completamente en tu navegador — no se sube ningún archivo a un servidor:

  • Sube cualquier imagen (JPEG, PNG o WebP hasta 50 MB) arrastrando o seleccionando el archivo
  • Haz clic en cualquier parte de la imagen para muestrear un píxel — la herramienta muestra al instante los valores HEX, RGB y HSL con una vista previa del color
  • Haz clic en el botón de copiar junto a cualquier formato para copiarlo al portapapeles — los colores seleccionados se guardan en un panel de historial

Pruébalo gratis — sin registro

Seleccionar un color →

Cuándo usar la extracción de color

Extraer colores de imágenes es valioso en muchos flujos de trabajo de diseño y desarrollo:

  • Coincidencia de marca — muestrea colores exactos del logo de una empresa o imagen de guía de estilo para usarlos consistentemente en tus diseños y CSS
  • Desarrollo web — selecciona colores de una maqueta de diseño o captura de pantalla y obtén valores HEX o RGB listos para CSS al instante
  • Arte e ilustración — muestrea colores armoniosos de fotografías o pinturas para construir paletas de colores realistas para tu propio trabajo

Preguntas frecuentes

¿Qué formatos de color son compatibles?

La herramienta muestra cada color seleccionado en tres formatos: HEX (p. ej., #3b82f6), RGB (p. ej., rgb(59, 130, 246)) y HSL (p. ej., hsl(217, 91%, 60%)). Los tres se pueden copiar al portapapeles con un solo clic.

¿Hay un límite de colores que puedo seleccionar?

No. Puedes seleccionar tantos colores como desees. Los últimos 10 colores se muestran en un panel de historial para que puedas compararlos y reutilizarlos sin volver a muestrear.

¿Se sube mi imagen a un servidor?

No. Todo el procesamiento ocurre localmente en tu navegador usando Canvas API. Tu imagen nunca sale de tu dispositivo.

Herramientas relacionadas