Selector de color desde imagen

Sube cualquier imagen, haz clic en cualquier píxel y obtén el HEX de ese color exacto — además de RGB, HSL y el nombre de color CSS más cercano. Útil para igualar colores de marca a partir de capturas de pantalla, identificar colores de pintura de fotos, o capturar el tono preciso de un cielo en un fondo de pantalla.

¿Por qué elegir de una imagen (en lugar de estimar a ojo)?

«Se ve azul» te da 100 azules diferentes. El selector lee el valor real del píxel para que puedas pegar el HEX exacto en tu CSS, herramienta de diseño o aplicación de tienda de pinturas. El zoom y el desplazamiento te permiten apuntar a pequeños detalles (el color de ojos en un retrato, un hilo en un patrón textil).

Lo que reporta el selector

• HEX: listo para pegar en CSS, Figma, Photoshop.
• RGB: para herramientas que requieren canales decimales.
• HSL: para ajustar a partir de la base seleccionada.
• Color CSS con nombre más cercano: 'cornflowerblue', 'salmon', etc. Útil para referencia rápida.
• Sugerencia de brillo y contraste: «mejor combinado con texto blanco» o «usa texto oscuro» según la luminancia.

Consejos de flujo de trabajo

1. Para igualar colores de marca: sube el activo de la marca (logotipo, captura de pantalla de un sitio web), haz clic en el color, pega el HEX en tu guía de estilo.
2. Para tonos de mood board: muestrea varios píxeles alrededor de una región para obtener una sensación. O usa Palette Extractor para obtener automáticamente los 5 a 10 colores dominantes.
3. Para igualar pintura: muestrea la foto de la pared, luego busca el HEX en tu aplicación de la marca de pintura (Sherwin Williams, Benjamin Moore, etc. todos tienen búsqueda por HEX).

Convertir a otros formatos

Una vez que tengas un HEX, pásalo por nuestro Color Converter para obtener CMYK (impresión), referencia Pantone o ajustes HSL.