Selecciona colores de cualquier imagen o de tu pantalla con nuestro selector de color en línea gratuito. Obtén códigos HEX, RGB y HSL al instante. 100% privado y funciona en tu navegador.
Obtén rápidamente el código hexadecimal exacto de un logo de marca, una imagen de un panel de inspiración o una foto inspiradora. Construye tus paletas de colores con una precisión de píxel perfecta.
Extrae valores de color de una maqueta de interfaz de usuario (JPG o PNG) para usarlos directamente en tu código CSS o de la aplicación. Obtén valores RGB para desarrollo nativo o HEX para estilos web.
Ejemplo: #00BFA5. El formato más común para los colores web. Un código de seis dígitos que representa la mezcla de Rojo, Verde y Azul.
Ejemplo: rgb(0, 191, 165). Define la intensidad de los componentes de luz roja, verde y azul (0-255).
Ejemplo: hsl(174, 100%, 37%). Más intuitivo para los humanos. El Tono es el tipo de color, la Saturación es la intensidad y la Luminosidad es el brillo.
Esta herramienta se ejecuta completamente en tu navegador. No subimos, almacenamos ni analizamos tus archivos. Todo lo que procesas permanece en tu dispositivo.
Selector de Color funciona mejor dentro de un flujo repetible: prepara el material, aplica el cambio y revisa el resultado antes de compartirlo.
Usa Selector de Color para esta tarea: Selecciona colores de cualquier imagen o de tu pantalla con nuestro selector de color en línea gratuito. Obtén códigos HEX, RGB y HSL al instante. 100% privado y funciona en tu navegador. Asi mantienes el trabajo en el navegador sin abrir una aplicacion mas pesada.
Previsualiza la salida, comparala con el original y ajusta la configuracion antes de publicarla o compartirla.
Para tareas cercanas, sigue dentro de la categoria Herramientas de Color.
Enlaces de flujo relacionados
Aprende los fundamentos de la accesibilidad web y el contraste de color. Comprende las calificaciones de WCAG (AA vs. AAA) y utiliza nuestras comprobaciones rápidas y soluciones prácticas para hacer que tu IU sea legible para todos.
Tu logo es una mina de oro de información de color. Aprende a extraer los colores clave de tu logo y expandirlos en una paleta de marca completa y versátil para tu sitio web, redes sociales y materiales de marketing.
No. Tu privacidad está garantizada. Todo el procesamiento ocurre completamente dentro de tu navegador web. Tus imágenes nunca abandonan tu dispositivo, y nunca las vemos ni las almacenamos.
Esta función utiliza la API EyeDropper integrada de tu navegador (Chrome/Edge/Opera). Te permite seleccionar un color de cualquier aplicación o ventana en toda tu pantalla, no solo de la imagen en el navegador.
HEX (#RRGGBB) es el estándar para el diseño web. RGB utiliza valores de 0-255 para la intensidad de Rojo, Verde y Azul. HSL (Tono, Saturación, Luminosidad) suele ser más intuitivo para que los humanos ajusten las propiedades del color.