Buscador de color de imágenes · HEX · RGB · HSL
Buscador de color: encuentra cualquier color
en cualquier imagen.
Úsalo como selector de color de imagen o buscador de color HEX: suelta una imagen, elige cualquier píxel con una lupa y copia los códigos exactos HEX, RGB y HSL. Extrae la paleta completa, encuentra colores complementarios, comprueba el contraste y exporta código listo para producción, todo en tu navegador.
El selector
Elige colores de una imagen
Haz clic en cualquier píxel para leer su color exacto. Usa la lupa para mayor precisión o activa el cuentagotas del sistema.
Colores de la imagen
Más → menos dominanteEl conjunto de herramientas
Todo lo que necesitas para trabajar con color
Una suite de color completa y privada: elige de imágenes, extrae paletas, convierte formatos, comprueba la accesibilidad y crea degradados.
Selector de color de imagen
Sube, pega o enlaza una imagen y elige cualquier píxel con una lupa. Todos los formatos, a un clic de copiar.
Generador de paletas
Obtén la paleta de colores dominantes de cualquier imagen con porcentajes de cobertura y expórtala a CSS, Tailwind o JSON.
Conversor de color
Convierte entre HEX, RGB, HSL, HSV, CMYK, OKLCH y LAB con vistas previas en vivo y valores copiables.
Verificador de contraste
Comprueba el contraste WCAG AA y AAA con sugerencias automáticas y un simulador de daltonismo.
Creador de degradados
Compón degradados CSS lineales, radiales y cónicos a partir de tu paleta y exporta código limpio y copiable.
Colores con nombre
Explora miles de colores con nombre por familia y luminosidad, con códigos listos para copiar.
Por qué es mejor
Hecho para quienes realmente producen color
Lupa de precisión
Una lupa sigue tu cursor y muestra el píxel exacto con el valor HEX en vivo, para que nunca vuelvas a adivinar un color.
Extracción real de paletas
La cuantización por corte mediano encuentra los verdaderos colores dominantes con porcentajes de cobertura, no un conjunto fijo de muestras.
Exporta donde quieras
Copia variables CSS, un @theme de Tailwind, SCSS, JSON, una hoja SVG o un PNG con un solo clic.
Accesibilidad integrada
Cada color muestra su contraste WCAG frente a blanco y negro, con un verificador completo y un simulador de daltonismo.
Todos los formatos
HEX, RGB, HSL, HSV, CMYK y los modernos OKLCH y LAB, todos convertidos al instante y listos para copiar.
Privado por diseño
Tus imágenes se procesan por completo en el navegador con la API Canvas. Nunca se sube nada.
Cómo funciona
Tres pasos de la imagen al código
Sin cuentas, sin límites, sin marcas de agua. Carga una imagen y estarás a segundos de un color.
- 01
Añade tu imagen
Suelta un archivo, pega desde el portapapeles o pega la URL de una imagen. Nada sale de tu dispositivo.
- 02
Elige o extrae
Haz clic en los píxeles con la lupa, usa el cuentagotas del sistema o extrae la paleta dominante automáticamente.
- 03
Copia o exporta
Toma cualquier formato o exporta toda la paleta como CSS, Tailwind, SCSS, JSON, SVG o PNG.
Guía del buscador de color
Buscador de color online gratis: elige, extrae y copia cualquier color
AI Color Finder es un buscador de color online y gratuito que convierte cualquier imagen en colores precisos y listos para copiar. Suelta una foto, una captura de pantalla o un boceto de diseño, haz clic en el píxel exacto que quieras y la herramienta te devuelve al instante su código en HEX, RGB, HSL, HSV, CMYK, OKLCH y LAB. No hay registro, ni subida de archivos, ni marca de agua: todos los cálculos se ejecutan en tu navegador, así que tus imágenes nunca salen de tu dispositivo. Ya necesites un rápido selector de color HEX o una paleta completa extraída de una captura, todo está aquí, en un solo lugar, y es totalmente gratis.
¿Qué es un buscador de color?
Un buscador de color es cualquier herramienta que identifica el color exacto de un punto en pantalla o dentro de una imagen y lo expresa como un código reutilizable. En lugar de adivinar qué tono de azul hay detrás de un botón, lo muestreas y lees el valor preciso. Un buen buscador de color hace tres cosas: selecciona el píxel correcto, convierte ese píxel a los formatos de color habituales y te da acceso al código con un solo clic para que puedas pegarlo directamente en CSS, Figma, Tailwind o una especificación de diseño. AI Color Finder hace las tres, y además añade extracción de paletas, verificación de contraste y creación de degradados.
Selector de color de imagen: cómo funciona la selección
El selector de color es el corazón de la herramienta. Sube un archivo, pega desde el portapapeles, suelta una imagen en el área de trabajo o pega la URL de una imagen, y se cargará directamente en un lienzo HTML. Pasa el cursor por cualquier punto y una lupa lo sigue mostrando el píxel que hay debajo ampliado 9× con el valor HEX en vivo, para que nunca te equivoques con un borde suavizado. Haz clic para fijar el color y la barra lateral se llena con todos los formatos a la vez. Si tu navegador admite la API nativa EyeDropper, un botón de cuentagotas toma muestras de color de cualquier parte de tu pantalla, incluso fuera de la página. Como selector de color de imagen, buscador de color de imagen y buscador de color desde una imagen, lee PNG, JPG, WebP, GIF y SVG con la misma facilidad.
Selector de color HEX y buscador de códigos HEX
La mayoría de los diseñadores viven en HEX, por lo que el selector de color HEX está en primer plano. Cada píxel seleccionado se muestra como un código HEX de seis dígitos como #0070F3, y puedes copiarlo con un solo clic. Como buscador de color HEX y buscador de códigos de color HEX, la herramienta también lee entradas HEX: pega un valor como #ff0080 y lo descompone en RGB, HSL y el resto. Dado que HEX no es más que una forma más corta de escribir rojo, verde y azul —cada par de dígitos va de 00 a FF—, convertir entre HEX y RGB es instantáneo y sin pérdidas, y la herramienta nunca redondea tu color.
Buscador de color RGB y buscador de códigos de color
El buscador de color RGB muestra el mismo color como canales rojo, verde y azul en una escala de 0 a 255, justo lo que necesitas cuando escribes código en lugar de diseñar en una interfaz. Junto a RGB obtienes HSL, HSV, CMYK, OKLCH y LAB, así que la herramienta funciona como un buscador de códigos de color completo para impresión, web, accesibilidad y CSS moderno. OKLCH y LAB son perceptualmente uniformes, lo que los hace ideales para crear tintes, sombras y temas coherentes. Cada valor se actualiza en cuanto mueves el cursor y cada uno tiene su propio botón de copiar, así que puedes obtener el formato que necesita tu proyecto sin ningún cálculo manual.
Buscador de colores complementarios
Elegir un solo color es solo la mitad del trabajo; la otra mitad es encontrar colores que combinen con él. El buscador de colores complementarios te ayuda a construir armonías en torno a cualquier color elegido: su complementario en el lado opuesto del círculo cromático, además de tonos análogos y otros relacionados. Combínalo con el verificador de contraste para confirmar que tu texto y tu fondo cumplen WCAG AA o AAA, y con el generador de paletas para expandir un color en un esquema completo y equilibrado. En la práctica, esto significa que puedes muestrear el color de marca de un logotipo, encontrar su complementario, verificar el contraste y exportar todo el conjunto como variables CSS en menos de un minuto.
Buscador de colores Pantone y colores con nombre
A veces necesitas que un color tenga nombre. La herramienta empareja cada color elegido con su color CSS con nombre más cercano y le da un nombre descriptivo y legible basado en el tono, la luminosidad y la saturación, útil cuando quieres hablar de “Azul cobalto intenso” en lugar de #1E3A8A. Si buscas un buscador de colores Pantone, nuestra biblioteca de colores con nombre es una forma abierta y sin presiones de explorar miles de muestras por familia y luminosidad y copiar el código más cercano. No es un sustituto oficial de Pantone, pero es una referencia rápida y gratuita para encontrar y compartir colores reconocibles.
Extrae la paleta de cualquier imagen
Más allá de un solo píxel, el buscador de color de imágenes puede leer una imagen entera de una vez. El generador de paletas integrado ejecuta una cuantización por corte mediano sobre cada píxel para revelar los verdaderos colores dominantes, mostrando cuánto de la imagen cubre cada uno en lugar de un conjunto fijo de conjeturas. Desde ahí puedes exportar la paleta como propiedades personalizadas de CSS, un tema de Tailwind v4, variables SCSS, JSON, una hoja de muestras SVG o un PNG. Fotografías, imágenes de producto, capturas de pantalla y tableros de inspiración se convierten en sistemas de color listos para usar en un par de clics.
¿Por qué usar AI Color Finder?
- Gratis e ilimitado: todas las herramientas están abiertas, sin cuenta, correo ni tarjeta de crédito.
- Privado por diseño: las imágenes se procesan con la API Canvas y nunca se suben ni se almacenan en un servidor.
- Precisión absoluta: la lupa y el cuentagotas del sistema garantizan que muestrees exactamente el color que quieres.
- Todos los formatos: HEX, RGB, HSL, HSV, CMYK, OKLCH y LAB se convierten al instante y están listos para copiar.
- Funciona sin conexión: una vez cargada la página, el selector sigue funcionando sin conexión alguna.
Ya hayas llegado buscando un selector de color, un buscador de color HEX, un selector de color de imagen o un buscador de color desde una imagen completo, todo está en esta única página. Carga una imagen, elige un color y copia el código: sin cuenta, sin coste y sin subidas. Guarda el buscador de color en marcadores y tenlo junto a tu editor.
Preguntas frecuentes
Preguntas frecuentes
¿Cómo elijo un color de una imagen?
Suelta una imagen en el selector, pégala desde el portapapeles o pega la URL de una imagen. Haz clic o arrastra por cualquier punto de la imagen y una lupa mostrará el píxel exacto bajo el cursor con su valor HEX en vivo. Suelta para guardar el color.
¿Qué es un código de color HEX?
Un código HEX es un número hexadecimal de seis dígitos que almacena los canales rojo, verde y azul detrás de un # inicial (por ejemplo #0070F3). Cada par de dígitos va de 00 (ninguno) a FF (máximo), cubriendo los mismos 16,7 millones de colores que RGB en una notación más corta.
¿Se sube mi imagen a un servidor?
No. Todo se ejecuta en tu navegador con la API HTML Canvas. Tu imagen nunca sale de tu dispositivo, así que permanece privada y la herramienta funciona incluso sin conexión una vez cargada.
¿Qué formatos de color se admiten?
Cada color elegido o extraído se muestra en HEX, RGB, HSL, HSV, CMYK, OKLCH y LAB. Puedes copiar cualquiera de ellos por separado o exportar una paleta completa de una vez.
¿Puedo extraer la paleta de colores completa de una imagen?
Sí. El Generador de paletas ejecuta una cuantización por corte mediano sobre la imagen para encontrar los colores dominantes, muestra cuánto de la imagen cubre cada color y te permite exportar la paleta como variables CSS, un tema Tailwind, SCSS, JSON, SVG o una hoja de muestras PNG.
¿AI Color Finder es gratis?
Sí, todas las herramientas son gratuitas y no requieren cuenta, correo electrónico ni tarjeta de crédito. No hay anuncios insertados en las herramientas ni límites de uso.
¿Cómo uso Color Finder?
Carga una imagen en el selector soltando un archivo, pegando desde el portapapeles, eligiendo un archivo o pegando la URL de una imagen, y luego mueve el cursor sobre la imagen. Una lupa sigue el puntero y muestra el píxel exacto debajo con su valor HEX en vivo. Haz clic en un píxel para fijar el color y la barra lateral se llenará con los valores HEX, RGB, HSL, HSV, CMYK, OKLCH y LAB, cada uno con su botón de copiar de un clic.
Cómo usar un buscador de color real
Un buscador de color real informa el color realmente almacenado en una imagen en lugar de una aproximación. AI Color Finder lee los datos de píxel en bruto directamente del HTML Canvas, así que los valores HEX y RGB que devuelve son los valores exactos de 8 bits del archivo, sin conjeturas y sin compresión del servidor. Muestrea una zona sólida con la lupa para evitar bordes suavizados y obtendrás el color real siempre.
Cómo cambiar el color de fondo del buscador
El fondo del selector sigue el tema de la página. Usa el botón de tema en la navegación superior para alternar entre claro y oscuro, lo que cambia la superficie detrás de la vista previa de la imagen. Para cambiar el fondo de un diseño o paleta que estés creando, copia el valor HEX o RGB de cualquier color y aplícalo en tu CSS, Figma o Tailwind como fondo.
¿Cuál es la mejor herramienta de selector de color online?
El mejor selector de color online es rápido, preciso y privado. AI Color Finder es un selector de color gratuito basado en el navegador que muestrea píxeles de cualquier imagen subida con una lupa de 9 aumentos, admite el EyeDropper del sistema y convierte a HEX, RGB, HSL, HSV, CMYK, OKLCH y LAB sin subir nunca tus imágenes. También extrae paletas completas, comprueba el contraste WCAG y crea degradados, así que no necesitas varias herramientas separadas.
Cómo usar el selector de color
Abre el selector de color, añade una imagen y pasa el cursor por la zona que quieras muestrear. La lupa muestra el píxel bajo el cursor y su código en vivo, y haces clic para seleccionarlo. Cada formato aparece en la barra lateral con un botón de copiar, y puedes fijar favoritos a una paleta o usar el cuentagotas para elegir colores de cualquier parte de tu pantalla.
¿Puede la IA identificar un color?
Sí. AI Color Finder identifica colores automáticamente leyendo los datos de píxel en bruto de una imagen y analizando el archivo completo para encontrar sus colores dominantes. Informa valores exactos como HEX y RGB para cualquier píxel que señales, y su motor de paletas usa la cuantización de color para revelar los colores más representativos de una foto, captura o logotipo, todo al instante y sin subidas.
¿Cómo identifico un color?
Para identificar un color, muestrea el píxel y lee su código. Sube o pega una imagen en el buscador de color, mueve la lupa sobre el punto exacto y haz clic para ver sus valores HEX, RGB, HSL y otros. Si el color está en tu pantalla, usa el cuentagotas para tomarlo directamente. Para una imagen completa, abre el generador de paletas para identificar los colores dominantes de una vez.
¿Cómo puedo encontrar colores de una imagen?
Suelta la imagen en el buscador de color y haz clic en píxeles individuales para leer sus códigos exactos, o abre el generador de paletas para extraer los colores dominantes automáticamente. La vista de paleta muestra cuánto de la imagen cubre cada color y te permite exportar el conjunto como CSS, Tailwind, SCSS, JSON, SVG o PNG.
¿Cuál es la mejor app detectora de color?
El mejor detector de color es el que funciona en todas partes sin instalar nada. AI Color Finder se ejecuta en tu navegador en escritorio y móvil, detecta colores de imágenes y de tu pantalla mediante la API EyeDropper, y es totalmente gratuito y sin registro. Como todo el procesamiento ocurre en tu dispositivo, también es la opción más privada.
¿Cómo detectamos los colores?
Los colores se detectan leyendo los valores rojo, verde y azul de píxeles individuales en imágenes digitales. Un buscador de color carga la imagen en un lienzo, muestrea el píxel bajo el cursor y convierte esos valores RGB a HEX, HSL y otros formatos. Las herramientas de paletas van más allá y analizan cada píxel para agrupar tonos similares en los colores dominantes de la imagen.
¿Cómo elegir un color de una imagen?
Sube o pega tu imagen en el selector de color y luego haz clic en el píxel exacto que quieras. La lupa amplía para que puedas apuntar al lugar correcto, y en el momento en que haces clic aparecen sus valores HEX, RGB, HSL, HSV, CMYK, OKLCH y LAB listos para copiar.
¿De qué color es 999999?
#999999 es un gris medio formado por valores iguales de rojo, verde y azul de 153 cada uno. En HSL es un gris neutro con 0 % de saturación y alrededor del 60 % de luminosidad. Es una elección habitual para texto atenuado, bordes y estados deshabilitados, y da unos 2,85:1 frente al blanco, lo que incumple WCAG AA para texto normal.
¿Cómo comprobar un selector de color?
Para comprobar un selector de color, carga un color conocido y confirma el valor que devuelve. Pega una imagen de prueba o introduce un código HEX como #0070F3 en el conversor de color y observa si los valores RGB, HSL y demás coinciden con lo que esperas. En AI Color Finder también puedes fijar colores para compararlos en paralelo y verificar los códigos exactos antes de copiarlos.
¿De qué color es 00001?
00001 no es un código HEX de seis dígitos válido, porque los colores HEX usan exactamente seis dígitos tras el signo # y 00001 solo tiene cinco. Si querías decir #000001, está muy cerca del negro puro con el más tenue matiz de azul, mientras que #000011 es un azul marino casi negro. Rellena el valor hasta #000001 para obtener un código válido.
¿De qué color es 666666?
#666666 es un gris oscuro formado por valores iguales de rojo, verde y azul de 102 cada uno. Tiene 0 % de saturación en HSL y se sitúa en un 40 % de luminosidad, dando un tono carbón suave. Sobre blanco alcanza un contraste de unos 5,74:1, así que cumple WCAG AA para texto normal.
Empieza ahora
Tu próxima paleta está a una imagen de distancia
Elige colores, extrae paletas y exporta código: gratis, privado e instantáneo.