Selector de Color de Imagen Gratis

El Selector de Color de Imágenes es una herramienta online gratuita que extrae colores de cualquier imagen y proporciona los valores exactos en HEX, RGB y HSL.

Sí, es completamente gratis y no requiere registro. Todo el procesamiento se realiza del lado del cliente, en tu navegador.

El Selector de Color de Imágenes proporciona valores de color en formatos HEX, RGB y HSL, listos para usar en tus proyectos de diseño o código.

Por supuesto. El Selector de Color de Imágenes procesa todo del lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en servidor alguno. Tu contenido permanece privado en tu dispositivo en todo momento.

Sí, el Selector de Color de Imágenes es totalmente responsivo y funciona en smartphones y tablets. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

No se necesita cuenta ni registro. Simplemente abre el Selector de Color de Imágenes en tu navegador y empieza a usarlo de inmediato. No hay muros de registro ni restricciones de uso.

Simplemente introduce tu entrada en el campo indicado, ajusta las opciones a tu gusto y la herramienta la procesará al instante. Luego puedes copiar el resultado al portapapeles o descargarlo.

El Selector de Color de Imágenes funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

Describen el mismo color con notaciones diferentes. HEX es la forma de seis dígitos #RRGGBB que se usa en CSS y en la mayoría de las herramientas web, donde cada par representa un canal rojo, verde o azul en base 16. RGB expresa esos mismos tres canales como números del 0 al 255, tal como las pantallas emiten realmente la luz. HSL, en cambio, usa matiz (un ángulo en el círculo cromático), saturación y luminosidad, lo que facilita mucho aclarar un tono o hacerlo más vivo sin tener que calcular los canales manualmente. Ninguno es más "correcto" que otro: eliges el que tu contexto necesite: HEX para hojas de estilo, RGB para muchas aplicaciones de diseño, HSL cuando ajustas tonos a mano. Haz clic en cualquier punto de tu imagen aquí y el selector te mostrará los tres a la vez, para que copies el que tu proyecto requiera.

CMYK describe los porcentajes de tinta cian, magenta, amarillo y negro para impresión, pero tu imagen vive en el mundo RGB de las pantallas, que puede mostrar colores que la tinta simplemente no puede reproducir. Convertir RGB a CMYK requiere una fórmula matemática, y esta herramienta usa una fórmula estándar independiente del dispositivo, pero el color de impresión real también depende de la imprenta, el papel y el perfil ICC que use tu impresora. Eso significa que los números CMYK aquí son un punto de partida fiable, no una garantía de lo que saldrá de una imprenta específica. Para trabajos de impresión exactos, trata estos valores como una referencia y confírmalos con una prueba de imprenta o con el perfil de tu impresora. El selector también muestra el CIE LAB, un modelo perceptualmente uniforme útil cuando necesitas medir cuán diferentes se ven realmente dos colores. Haz clic en un color para ver todos los formatos juntos.

Más allá de los clics individuales, el selector analiza toda la imagen y agrupa píxeles similares para identificar el puñado de colores que cubren más área, y luego muestra aproximadamente qué porcentaje de la foto ocupa cada uno. Es la forma más rápida de descifrar la paleta de una foto, la captura de pantalla de un competidor o un moodboard sin tener que muestrear decenas de puntos a mano. Como las imágenes muy grandes se escalan a un máximo de 2000 píxeles en el lado más largo antes del análisis, el desglose sigue siendo rápido incluso con archivos pesados, sin dejar de reflejar la distribución real del color. A partir de ahí puedes guardar los colores que quieras en una paleta de trabajo. Sube una imagen arriba y los colores dominantes aparecerán automáticamente junto con su porcentaje.

El cuentagotas te permite tomar un color de cualquier parte de tu pantalla, no solo de la imagen cargada, útil para capturar un tono de otra ventana o de una página web junto a la herramienta. Depende de la API nativa EyeDropper del navegador, que actualmente es compatible con Chrome y Edge pero no con todos los navegadores, así que la herramienta solo muestra el botón cuando detecta que tu navegador puede ejecutarla. Si no lo ves, tu navegador carece de esa capacidad, pero aun así puedes elegir cualquier color haciendo clic directamente sobre una imagen cargada, lo cual funciona en cualquier navegador. Cuando el botón esté disponible, haz clic en él y luego en cualquier píxel de la pantalla para capturar ese color exacto. Abre la herramienta en Chrome o Edge para tener la opción de cuentagotas en pantalla.

Después de elegir un color, la herramienta puede generar esquemas de armonía cromática a partir de él usando las relaciones estándar del círculo cromático: complementario (el matiz opuesto), análogo (los vecinos), triádico, complementario dividido, tetrádico y una gama de variaciones de tono. Esto te da un conjunto inicial de colores coherentes que funcionan bien juntos, en lugar de adivinar qué tonos combinan. Puedes guardar los que te gusten en una paleta de trabajo, renombrarlos y luego exportar todo el conjunto como propiedades personalizadas de CSS, variables SCSS, un archivo JSON o un bloque de configuración de Tailwind para incorporarlo directamente a tu código, o como una hoja de muestras en PNG para adjuntar a un brief. La herramienta también sugiere el nombre de color estándar CSS más cercano para cada selección, útil cuando una especificación pide un nombre en lugar de un código. Elige un color base arriba para generar armonías al instante.