Sube una imagen, haz clic en cualquier parte y obtén al instante los valores exactos HEX, RGB y HSL.
🖱️ Move your mouse over the image and click to select a color.
Descubre más de 100 combinaciones de colores seleccionadas para tu próximo proyecto.
ColorPick ayuda a diseñadores, desarrolladores, artistas y creadores a extraer colores de imágenes rápidamente.
ColorPick guide
ColorPick ayuda con una tarea práctica: encontrar un color digital que puedas usar a partir de una imagen, captura de pantalla, foto, ilustración o referencia de diseño. En lugar de calcularlo a ojo, sube la imagen, selecciona la zona que necesitas y copia el valor HEX, RGB o HSL a tu diseño o código.
Al seleccionar una imagen, el selector la lee en tu navegador y te permite revisar los colores visualmente. Mueve el cursor para previsualizar un color y haz clic para seleccionarlo. El color elegido aparece en varios formatos. También puedes añadir colores a My Palette y seguir reuniendo colores de la misma imagen.
HEX representa el color con valores hexadecimales y es común en CSS. RGB indica las cantidades de rojo, verde y azul. HSL describe tono, saturación y luminosidad, lo que puede facilitar ciertos ajustes. Los tres formatos representan el mismo color digital de distintas maneras; convertirlos no crea automáticamente un color nuevo.
Selecciona primero los colores importantes de la imagen: fondo, acento, texto, ilustración o elemento de producto. Guarda los colores necesarios en My Palette y usa Color Code, Color Suggestions o Color Wheel para explorar tonos y combinaciones. Antes de publicar, revisa los colores en el contexto final porque el contraste y los colores cercanos pueden cambiar su apariencia.
Cuando sea posible, usa la imagen original o de mayor calidad. Una captura comprimida puede tener píxeles modificados por la compresión y los efectos. En degradados, sombras, fotografías y texturas, toma varias muestras en lugar de confiar en un solo píxel. ColorPick muestra el valor digital obtenido; aun así, prueba el color final en la pantalla y diseño reales.
ColorPick también te ayuda a identificar y reutilizar colores de fotos, capturas de pantalla e imágenes de referencia.
ColorPick
Respuestas prácticas a preguntas comunes sobre esta herramienta de ColorPick.
Upload an image, move the pointer over it, and click the area you want. ColorPick shows the selected color and its HEX, RGB and HSL values.
The image picker reads the selected image in your browser so you can sample colors locally. The contact form is a separate feature that can send a message when you submit it.
The picker provides HEX, RGB and HSL values so you can use the same color in web design, UI, graphics and other digital projects.
Un selector de color es una herramienta para elegir un color digital y conocer su valor. Con ColorPick puedes tomar una muestra de una imagen y obtener sus valores HEX, RGB y HSL.
Sirve para identificar con precisión un color de una foto, captura de pantalla, ilustración, imagen de producto o referencia de diseño y reutilizarlo en tu proyecto o en código.
Abre Color Wheel y observa la relación entre los tonos. Puedes usar colores complementarios, análogos y otras armonías para encontrar combinaciones que funcionen bien juntas.