¿Qué es el selector de color de imagen?
El selector de color de imagen te permite extraer colores exactos de cualquier imagen directamente en tu navegador. Sube una foto, captura de pantalla o archivo de diseño, y haz clic en cualquier punto de la imagen para obtener al instante el valor del color en formatos HEX, RGB y HSL. No requiere instalación de software.
Ya sea para igualar colores de marca de un logotipo, tomar colores de una fotografía para un proyecto de diseño o identificar el tono exacto usado en la captura de un sitio web, esta herramienta te da precisión píxel perfecta con un clic.
Cómo usar el selector de color de imagen
- Arrastra y suelta una imagen en el área de subida, o haz clic para seleccionar un archivo de tu dispositivo. Se admiten los formatos PNG, JPG, GIF y WebP.
- Cuando la imagen se cargue, pasa el cursor sobre ella y haz clic en cualquier píxel. El cursor en forma de cruz guía tu selección.
- El color elegido aparece en la barra lateral con sus valores HEX, RGB y HSL. Haz clic en el botón de copiar junto a cada formato para copiarlo al portapapeles.
- Cada color que elijas se guarda en la paleta de Colores recientes. Haz clic en cualquier muestra para revisar un color tomado anteriormente.
- Usa el botón Cambiar imagen para cargar otro archivo sin recargar la página.
Consejos para una selección de color precisa
Para obtener los mejores resultados, usa imágenes de alta resolución. Los JPEG comprimidos pueden introducir artefactos de color alrededor de los bordes. Si necesitas un color de una zona específica, haz zoom en tu imagen en un editor y toma después una captura de pantalla de la zona ampliada antes de subirla.
La herramienta escala las imágenes grandes para ajustarlas al lienzo manteniendo la relación de aspecto. Los valores de color se toman de los píxeles de la imagen escalada, así que los resultados son consistentes independientemente del tamaño del archivo original.
Casos de uso habituales
- Extraer colores de marca del logotipo o material de marketing de un cliente
- Igualar colores de pintura o tela a partir de una foto de referencia
- Tomar paletas de colores de fotografías u obras de arte como inspiración de diseño
- Identificar códigos HEX de capturas de sitios web para desarrollo CSS
- Crear una paleta de colores a partir de una imagen de mood board
Formatos de color admitidos
Cada color elegido se muestra en tres formatos estándar. Los códigos HEX como #3b82f6 se usan habitualmente en CSS y diseño web. Los valores RGB son útiles para programas de diseño gráfico y pantallas digitales. Los valores HSL ofrecen una forma intuitiva de entender un color en términos de tono, saturación y luminosidad, lo que facilita los ajustes.