Selector de color desde imagen
Haz clic en cualquier píxel de una foto para leer su color. Por ejemplo, RGB 11, 122, 106 es #0B7A6A en HEX, y la herramienta también muestra los seis colores dominantes. La imagen no sale de tu navegador.
Cómo se usa
- Elige una imagen de tu dispositivo, o pulsa Usar imagen de ejemplo para probarlo.
- Haz clic o toca en cualquier punto de la imagen para leer ese píxel. En un ordenador también puedes usar las teclas de flecha para mover el punto de selección un píxel, o mantener Mayús para diez.
- Copia el valor HEX, RGB o HSL, o pulsa una muestra de la paleta para cargar uno de los seis colores dominantes.
Cómo se calcula
La imagen se dibuja en un lienzo oculto dentro de tu navegador, y el píxel exacto bajo el puntero se lee de vuelta como valores de rojo, verde y azul de 0 a 255. HEX escribe esos mismos tres números en base 16, así que 11, 122, 106 pasa a ser #0B7A6A.
HSL convierte el mismo color en matiz (0 a 360 grados), saturación y luminosidad en porcentaje. Resulta útil para aclarar, oscurecer o suavizar un color sin cambiar su carácter.
La paleta usa un método de división de cajas parecido al corte por mediana. Todos los píxeles empiezan en una caja; la caja con la mayor dispersión de valores se divide una y otra vez por la mitad de su canal más ancho, hasta tener seis cajas. Cada muestra es el color promedio de una caja, ordenadas por cuánta parte de la imagen cubren. Las fotos grandes se muestrean y los píxeles transparentes se ignoran.
Preguntas frecuentes
¿Se sube mi imagen a algún sitio?
No. El archivo se abre con las propias herramientas de tu navegador y se dibuja en un lienzo de tu dispositivo. No hay subida y no se guarda nada.
¿Por qué el color difiere de lo que veo en mi aplicación de diseño?
Esta herramienta lee los valores de píxel que decodifica el navegador. Si tu imagen tiene un perfil de color incrustado como Display P3, o se ha comprimido como JPEG, los números pueden diferir un poco del archivo de diseño original. Elige desde un PNG para el resultado más exacto.
¿Por qué la selección no está exactamente donde hice clic?
Las imágenes grandes se reducen para caber en la página, así que un píxel de pantalla puede cubrir varios píxeles de la imagen. El color que obtienes es el de la copia reducida que se muestra en pantalla.
¿Puedo elegir colores de una página web o de mi pantalla?
Haz primero una captura de pantalla y ábrela aquí. Una página del navegador no puede leer los píxeles de otras pestañas ni aplicaciones.