Selector de color de imagen
Selecciona píxeles y copia colores HEX, RGB, HSL o variables CSS.
- Gratis
- Sin registro
- En tu dispositivo
Cómo funciona
Elige archivos de tu dispositivo, arrástralos o pega una imagen.
Pasa el cursor para ver el color y haz clic para guardarlo. Con teclado, usa las flechas (Mayús mueve 10 píxeles) y Enter.
Descarga el resultado o copia los colores sin registrarte ni pagar.
Cuándo usarlo
Colores de marca
Encuentra el valor HEX exacto de un logotipo o una foto de producto para mantener la coherencia de tus diseños.
Paletas a partir de referencias
Extrae los colores dominantes de una foto o una obra como punto de partida para una paleta.
Del diseño al código
Copia los colores como variables CSS o como fragmento de configuración de Tailwind directamente en tu proyecto.
Resultados y límites
Consulta colores web, incluida su transparencia. La lupa facilita seleccionar detalles y puedes guardar diez colores distintos. Copia valores o descarga variables CSS en un archivo de texto. El color corresponde a la imagen decodificada por el navegador, no a una medición calibrada para impresión.
Los límites afectan a entrada y salida. No se admiten animaciones. Los archivos solo están en memoria y se borran al recargar. Usa lotes pequeños en el móvil.
Preguntas frecuentes
¿Cómo obtengo el código HEX de un color de una imagen?
Sube la imagen, pasa el cursor para previsualizar cualquier píxel en la lupa y haz clic para guardarlo. Los valores HEX, RGB, HSL y OKLCH aparecen junto a la imagen; haz clic en un valor para copiarlo.
¿Cómo se detectan los colores dominantes?
La herramienta analiza una copia reducida de tu imagen y agrupa los colores similares con un algoritmo de corte por la mediana (median cut), ordenados según la parte de la imagen que ocupan. Los píxeles transparentes se ignoran.
¿Puedo elegir un color fuera de la imagen?
En Chrome, Edge y otros navegadores compatibles con la EyeDropper API, usa «Elegir de la pantalla» para tomar cualquier píxel de tu pantalla.
¿Por qué un color puede diferir ligeramente de mi archivo de diseño?
Las imágenes con perfiles de color de gama amplia, como Display P3, se convierten a sRGB para la web. Los valores coinciden con lo que muestran los navegadores, que puede diferir del perfil original en software de impresión o de diseño.
¿Se suben mis imágenes?
No. El navegador procesa los archivos sin enviarlos a Codia. Al recargar o salir, se borra el trabajo. Las estadísticas autorizadas nunca incluyen tus imágenes ni nombres de archivo.
¿Puedo procesar varios archivos?
Un JPG, PNG o WebP a la vez. Hasta 20 MiB y 12 MP.
¿Se conservan la calidad y los metadatos?
Depende de la operación. La compresión con pérdidas cambia píxeles y JPG elimina la transparencia. La salida está orientada a imágenes web de 8 bits; no se garantiza conservar EXIF, HDR, perfiles originales ni 16 bits. Revisa el resultado.
Herramientas relacionadas
Compresor de imágenes online
Reduce el tamaño de JPG, PNG y WebP conservando el formato.
Abrir herramienta →PNGCompresor PNG online
Comprime capturas y gráficos PNG manteniendo el fondo transparente.
Abrir herramienta →JPG · PNG · WEBPComprimir imagen a 100KB
Ajusta calidad y dimensiones para cumplir un límite de subida.
Abrir herramienta →WEBP → PNGConvertir WebP a PNG
Convierte WebP estático en PNG conservando la transparencia.
Abrir herramienta →PNG · WEBP → JPGConvertir PNG a JPG
Convierte PNG a JPG y elige el fondo de las zonas transparentes.
Abrir herramienta →JPG · PNG · WEBPRedimensionar imágenes online
Cambia las dimensiones por píxeles o porcentaje sin deformar la imagen.
Abrir herramienta →SVG → PNGConvertir SVG a PNG
Exporta SVG autónomos como PNG a 1×, 2×, 4× o un ancho personalizado.
Abrir herramienta →