Selector de colores de imagen Haz clic en cualquier lugar de una imagen para seleccionar el valor de color exacto en HEX, RGB y HSL.
Selector de colores de imagen
Haz clic en cualquier lugar de una imagen para seleccionar el valor de color exacto en HEX, RGB y HSL.
Subir tu imagen
Arrastra o selecciona una imagen para elegir colores de ella.
Haz clic para seleccionar
Haz clic en cualquier lugar de la imagen para seleccionar el color exacto en ese píxel.
Copiar valores de color
Copia el valor de color HEX, RGB o HSL con un solo clic.
What Is Selector de colores de imagen?
Un selector de colores de imagen te permite extraer valores de color exactos desde cualquier píxel en una imagen. Sube una foto o gráfico, haz clic en cualquier lugar y obtén instantáneamente el color en formatos HEX, RGB y HSL. La herramienta mantiene un historial de colores seleccionados para que puedas muestrar múltiples colores y compararlos. Cada muestra de color en el historial es clickable para copiar su valor HEX. Esto es fundamental para diseñadores que necesitan emparejar colores de marca desde logotipos, desarrolladores que extraen colores de maquetas y cualquier persona que necesite identificar valores de color exactos desde imágenes.
Why Use Selector de colores de imagen?
-
Pipeta de selección de colores con detección precisa de píxeles
-
Valores de color en formatos HEX, RGB y HSL simultáneamente
-
El historial de colores guarda los colores seleccionados para compararlos
-
Copia en un solo clic al portapapeles para cualquier formato de color
Common Use Cases
Coincidencia de colores de marca
Extrae los colores exactos de la marca de logotipos y materiales de marketing.
Análisis de maquetas de diseño
Selecciona colores de las maquetas de diseño para usar en CSS o herramientas de diseño.
Inspiración de color de foto
Muestra hermosos colores de fotografías para crear paletas de colores.
Comprobación de accesibilidad
Selecciona colores de primer plano y fondo para comprobar las proporciones de contraste.
Technical Guide
El selector de colores representa la imagen subida en un elemento canvas y lee los datos de píxel utilizando getImageData(x, y, 1, 1). Las coordenadas del clic del mouse se convierten de coordenadas de visualización a coordenadas de canvas calculando la relación de escala entre el tamaño mostrado y las dimensiones reales del canvas. La conversión HEX formatea cada componente RGB como una cadena hexadecimal de dos dígitos. La conversión HSL utiliza el algoritmo estándar que calcula la luminosidad, saturación y matiz a partir de los valores RGB.
Tips & Best Practices
-
1Amplía la imagen para una selección de color más precisa en áreas pequeñas
-
2Haz clic en varios puntos para crear una paleta de colores a partir de una imagen
-
3Usa HEX para el desarrollo web, RGB para el diseño gráfico, HSL para ajustes de color
-
4El historial de colores guarda hasta 20 colores seleccionados recientemente
Related Tools
Extractor de Colores de Imágenes
Extrae automáticamente los colores dominantes y la paleta de colores de cualquier imagen.
🖼️ Image Tools
Imagen a escala de grises
Convierta imágenes en color a escala de grises (blanco y negro) con intensidad ajustable.
🖼️ Image Tools
Brillo de imagen
Ajusta el brillo de las imágenes para hacerlas más claras o oscuras.
🖼️ Image Tools
Saturación de imagen
Ajusta la saturación del color de las imágenes para hacer que los colores sean más vivos o más apagados.
🖼️ Image ToolsFrequently Asked Questions
Q ¿Cuán precisa es la herramienta de selección de colores?
Q ¿Puedo seleccionar colores de cualquier formato de imagen?
Q ¿Por qué podría parecer el color ligeramente diferente?
Q ¿Puedo guardar los colores que he seleccionado?
Q ¿Funciona con imágenes transparentes?
About This Tool
Selector de colores de imagen is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.