Selector de color de imagen — HEX, RGB, HSL, CMYK

Encuentra el color exacto de cualquier píxel

Diseñadores, desarrolladores y aficionados al bricolaje necesitan a menudo el código de color preciso de algo que ven en una imagen: el color de marca de un logotipo, el fondo de una captura de pantalla, un tono de una foto de producto o el color de una pintura. Este selector de color de imagen te permite abrir cualquier imagen y hacer clic en un píxel para leer su color. Una lupa circular amplía la zona bajo el cursor para que aciertes el píxel exacto, incluso en líneas finas, texto pequeño o bordes suavizados. Cada color elegido se copia al portapapeles como código HEX y se añade a un historial para más tarde. La imagen nunca sale de tu dispositivo porque toda la lectura se hace en un canvas local.

HEX, RGB, HSL y CMYK explicados

El selector muestra cada color en cuatro notaciones. HEX, como #1E90FF, es la forma compacta usada en CSS, HTML y la mayoría de herramientas de diseño. RGB indica los canales rojo, verde y azul de 0 a 255 y resulta útil para código y editores de imagen. HSL describe tono, saturación y luminosidad, lo que facilita crear variantes más claras u oscuras del mismo color. CMYK ofrece una mezcla aproximada de cian, magenta, amarillo y negro para impresión; para una coincidencia exacta al imprimir, comprueba el valor con el perfil de color de tu impresora. Haz clic en cualquier valor para copiarlo en ese formato.

Consejos para selecciones precisas

Las fotos y las imágenes JPEG contienen ruido, así que los píxeles vecinos pueden diferir en unos pocos valores. Activa Average 5×5 pixels para muestrear una zona pequeña y obtener el color que realmente percibe tu ojo. Usa capturas PNG para igualar colores de interfaz, ya que no tienen pérdida. En Chrome y Edge, el botón Pick from screen puede tomar colores de cualquier parte de la pantalla, incluidas otras ventanas. Para extraer los colores principales de una imagen completa de una vez, usa el extractor de paletas, y comprueba la legibilidad del texto con un comprobador de contraste antes de usar tus colores en un diseño.