UTILYARD
tools / image

Selector de color desde imagen

Sube una imagen y haz clic en cualquier lugar para seleccionar un color. Obtén valores HEX, RGB y HSL al instante.

Arrastra una imagen o haz clic para subir

PNG, JPEG, WebP, GIF

Preguntas frecuentes

¿Cuál es la diferencia entre HEX, RGB y HSL?
Los tres representan el mismo color en diferentes formatos. HEX (#ff6b35) se usa en CSS y HTML. RGB (255, 107, 53) separa los canales rojo, verde y azul — útil en código. HSL (matiz, saturación, luminosidad) es intuitivo para ajustar colores: cambia la luminosidad para obtener tintes y sombras, cambia la saturación para hacer los colores más o menos vibrantes.
¿Esta herramienta sube mi imagen?
No. La imagen se dibuja en un lienzo local en tu navegador y los píxeles se leen directamente. Nada se envía a un servidor.
¿Por qué el color se ve ligeramente diferente de lo que esperaba?
Los monitores muestran colores de forma diferente según el perfil de color y la calibración. El selector lee el valor de píxel sin procesar — lo que ves en pantalla depende de la configuración de tu pantalla. Las capturas de pantalla también pueden tener el perfil de color aplicado durante la captura.

ACERCA DE ESTA HERRAMIENTA

Upload any image and click anywhere on it to instantly read the exact color at that pixel in HEX, RGB, and HSL. Useful for extracting brand colors from a logo, matching a color from a screenshot, or identifying an unknown color in a design.

GUÍAS RELACIONADAS

Códigos de color explicados
Qué significan los códigos de color HEX, RGB y HSL, cómo convertir entre ellos y cuándo usar cada formato.
Leer →