Selector de Color
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.
How to Use
- 1. Elige el Método Sube una imagen o usa el botón 'Seleccionar de la Pantalla'.
- 2. Selecciona el Color Pasa el ratón sobre tu imagen para ver una vista previa, luego haz clic para capturar el color.
- 3. Copia el Código El color se añade a tu historial. Haz clic para copiar su valor HEX, RGB o HSL.
El Mejor Amigo de un Diseñador y Desarrollador
🎨 Para Diseñadores
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.
💻 Para Desarrolladores
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.
Entendiendo los Códigos de Color
HEX (Hexadecimal)
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.
RGB (Rojo, Verde, Azul)
Ejemplo: rgb(0, 191, 165). Define la intensidad de los componentes de luz roja, verde y azul (0-255).
HSL (Tono, Saturación, Luminosidad)
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.
Tu Privacidad es Nuestra Prioridad
Esta herramienta se ejecuta completamente en tu navegador. No subimos, almacenamos ni analizamos tus archivos. Todo lo que procesas permanece en tu dispositivo.
FAQ
¿Se suben mis imágenes a un servidor?
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.
¿Qué es el botón 'Seleccionar Color de la Pantalla'?
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.
¿Cuál es la diferencia entre HEX, RGB y HSL?
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.