Sube una imagen, haz clic en cualquier parte y obtén al instante los valores HEX, RGB y HSL exactos.
🖱️ Mueve el cursor sobre la imagen y haz clic para seleccionar un 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 resuelve una tarea práctica: encontrar un color digital utilizable cuando ya tienes una imagen, captura, fotografía, ilustración o referencia de diseño. En lugar de adivinar el color, sube la imagen, selecciona la zona que necesitas y copia el valor HEX, RGB o HSL en tu diseño o código.
Al seleccionar una imagen, el selector la lee en tu navegador y te permite inspeccionar visualmente sus colores. Mueve el puntero para previsualizar un color y haz clic para seleccionarlo. El color elegido aparece en varios formatos para que uses el que mejor encaje con tu trabajo. También puedes añadir colores a My Palette y seguir recopilando colores de la misma imagen.
HEX representa un color mediante valores hexadecimales y es muy común en CSS. RGB describe las cantidades de rojo, verde y azul. HSL describe tono, saturación y luminosidad, lo que puede facilitar ajustes controlados. Los tres formatos representan el mismo color digital de maneras distintas; convertirlos no crea automáticamente un color nuevo.
Empieza con una imagen y selecciona los colores importantes: fondo, acento principal, texto, ilustración o elemento de producto. Guarda los colores clave en My Palette y después usa Color Code, Color Suggestions o Color Wheel para explorar tonos y colores de apoyo. Antes de publicar, comprueba los colores en su contexto final porque el contraste y los colores cercanos pueden cambiar su apariencia.
Siempre que sea posible, usa la imagen original o de mayor calidad. Una captura comprimida puede no conservar exactamente los píxeles de origen debido a la compresión y a los efectos de imagen. En degradados, sombras, fotografías y texturas, toma varias muestras en lugar de asumir que un solo píxel representa toda el área. ColorPick muestra el valor digital muestreado, pero conviene probar el diseño final en la pantalla y contexto reales.
ColorPick también funciona como una forma rápida de identificar y reutilizar colores encontrados en fotos, capturas e imágenes de referencia.
ColorPick
Respuestas prácticas a preguntas habituales sobre esta herramienta de ColorPick.
Sube una imagen, mueve el puntero sobre ella y haz clic en la zona que quieras. ColorPick muestra los valores HEX, RGB y HSL.
El selector lee la imagen en tu navegador para tomar colores localmente. El formulario de contacto es independiente y puede enviar un mensaje al enviarlo.
El selector muestra HEX, RGB y HSL para que puedas usar el mismo color en diseño web, UI, gráficos y otros proyectos digitales.
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 un 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 equilibradas.
COLOR TOOLS
Use ColorPick as an online color picker to sample colors from photos, screenshots, artwork, and design mockups. Choose a shade and copy its HEX, RGB, or RGBA value for websites, graphic design, branding, and digital projects. Whether you need a hex color picker, rgb color picker, HTML color picker, or color picker from image, the goal is to identify a precise color quickly and reuse it in your workflow.