Acerca de Selector de color de imagen
El selector de color de imagen te dice el color exacto de cualquier punto de una imagen. Abre una foto, una captura de pantalla o un logotipo, haz clic donde quieras y obtén el color como código HEX, valor RGB y valor HSL, listo para copiar en CSS, en una herramienta de diseño o en un documento.
Una lupa muestra los píxeles alrededor del puntero, así que puedes acertar con el correcto incluso en líneas finas y texto pequeño, y las flechas del teclado mueven la selección de píxel en píxel. Bajo la imagen, la herramienta también lista los colores principales de toda la imagen (de 4 a 10) con la parte de la imagen que cubre cada uno.
Todo ocurre en tu navegador: la imagen no se sube y los colores se leen directamente de sus píxeles. Las imágenes muy grandes se leen a 4096 píxeles en su lado más largo, lo que conserva todos los detalles a los que puedes apuntar.
Cómo se usa
- Elige una imagen o suéltala en la página.
- Haz clic o arrastra sobre la imagen. La lupa muestra los píxeles bajo el puntero.
- Lee el color en "Color elegido" y copia su código HEX, RGB o HSL con los botones de copiar.
- Para afinar, haz clic en la imagen y mueve la selección con las flechas (Mayús salta 10 píxeles).
- Mira los colores principales en "Colores principales", elige cuántos con los botones numéricos y copia uno o todos.
Funciones
- Colores exactos de cada píxel: El color sale del propio píxel, no de un promedio borroso, en HEX, RGB y HSL.
- Lupa: Una lupa de 11 por 11 píxeles sigue al puntero, con el píxel que elegirías marcado en el centro.
- Colores principales: Una paleta de 4, 6, 8 o 10 colores principales, del mayor al menor, con la parte de la imagen que cubre cada uno.
- Directo al conversor: Abre el color elegido en el conversor de códigos de color para comprobar su contraste con el texto.
- Privado: La imagen se lee en tu navegador y nunca se sube.
Ejemplos
Igualar el color de una marca
Abre un logotipo y haz clic en él para obtener el código HEX que usar en un sitio web.
Una paleta a partir de una foto
Abre una foto de vacaciones y copia sus seis colores principales para el diseño de una presentación.
Revisar una captura
Acerca con la lupa un botón de una captura de pantalla para leer su color exacto.
Limitaciones y notas
- Las imágenes de más de 4096 píxeles en su lado más largo se leen a ese tamaño, así que un solo píxel del original puede mezclarse con los vecinos.
- Los códigos dan el color sin transparencia; en los píxeles semitransparentes la opacidad se muestra aparte.
- Los colores se leen tal como tu navegador decodifica la imagen. Las imágenes con un perfil de color amplio pueden dar valores algo distintos a los de un editor de imágenes.
- Las fotos HEIC no se pueden abrir aquí; conviértelas antes con HEIC a JPG.
Preguntas frecuentes
¿Cómo obtengo el código HEX de un color de una imagen?
Abre la imagen, haz clic en el color y copia el código HEX que aparece en "Color elegido".
¿Puedo elegir un píxel concreto con precisión?
Sí. Apunta con la lupa y mueve la selección con las flechas del teclado de píxel en píxel.
¿Cómo se eligen los colores principales?
La imagen se reduce y sus píxeles se reparten en grupos de colores parecidos (corte por la mediana). El promedio de cada grupo es un color principal, ordenado según la parte de la imagen que cubre.
¿Por qué un píxel semitransparente muestra una nota?
Los códigos HEX, RGB y HSL describen un color sin su transparencia, así que la herramienta muestra la opacidad aparte.
¿Se sube mi imagen?
No. La imagen se abre y se lee solo en tu navegador.