polyshSelector de color para capturas de pantalla
Obtén el código HEX, RGB y HSL exacto de cualquier píxel de una imagen.
- Funciona en tu navegador
- Sin subidas
- Sin cuenta
Cargando tu herramienta del navegador…
Qué hace Selector de color para capturas de pantalla
Igualar a ojo un color de marca, un botón o la línea de un gráfico a partir de una captura es pura adivinanza. Carga la imagen, pasa por encima y una lupa amplía una cuadrícula de 11 × 11 píxeles para que veas exactamente en qué píxel estás. Haz clic para elegirlo: el color aparece como una muestra grande con los valores HEX, RGB y HSL, cada uno con su propio campo para copiar.
Los diez últimos colores elegidos se quedan en la fila “Recientes”, así que puedes comparar algunos tonos y volver a uno. Los bordes suavizados y los degradados varían de un píxel a otro; elige desde el centro de una zona plana. Para encontrar los colores principales de toda una imagen, usa el Extractor de paletas de colores.
Ejemplo
Eliges
El ejemplo integrado de la página de facturación (“Usar ejemplo”)
Resultado
HEX #3157D5 RGB rgb(49, 87, 213) HSL hsl(226, 66%, 51%)
El ejemplo elige un píxel dentro del botón azul “Actualizar método de pago”.
Cómo usar Selector de color para capturas de pantalla
- Usa “Elegir archivo”, pega una captura o suelta una imagen.
- Pasa por encima de la imagen para ampliarla y haz clic en el píxel que quieras. Para coordenadas exactas, escribe X e Y en “Más opciones” y haz clic en “Elegir este píxel”.
- Haz clic en “Copiar” para el código HEX, o copia RGB o HSL desde sus campos.
Conviene saber
- Una captura registra el color que mostró tu pantalla, después de cualquier perfil de color o de Night Shift. Puede diferir algo del color del CSS de la app o del archivo de diseño.
- La compresión JPG desplaza un poco los colores, sobre todo cerca de los bordes. Elige desde capturas PNG cuando importe la precisión.
- La transparencia no se incluye en los códigos. Un píxel semitransparente muestra su alfa bajo la imagen, pero el HEX es el color sin ella.
Preguntas sobre Selector de color para capturas de pantalla
¿Cómo encuentro el código HEX de un color en una imagen?
Carga la imagen, pasa por encima hasta que la lupa quede sobre el color y haz clic. El código HEX aparece arriba del resultado con un botón “Copiar”. Debajo se muestran las versiones RGB y HSL.
¿Por qué el color que he elegido es algo distinto del color de marca?
Las pantallas aplican perfiles de color, y la compresión JPG y el suavizado de bordes cambian píxeles sueltos. Elige desde el centro de una zona plana grande de un PNG. Si el valor se desvía unas pocas unidades, el código de la guía de marca es el que debes usar.
¿Puedo elegir un color de mi pantalla fuera del navegador?
Haz primero una captura de pantalla y pégala aquí con Ctrl+V o Cmd+V. El selector funciona con cualquier imagen, así que una captura de otra app o de un archivo de diseño funciona igual.