Glyph WidgetsGlyph Widgets
Acerca deContactoPrivacidadTérminosApoyar en Ko-fi

© 2026 Glyph Widgets. Todos los derechos reservados.

·

100% Procesamiento del lado del cliente

Selector de Color

Última actualización: 6 de marzo de 2026

Elija cualquier color de su pantalla usando la API EyeDropper, o ingrese colores en formato HEX, RGB o HSL. Convierta instantáneamente entre todos los formatos de color principales con esta herramienta online gratuita.

Características

  • ▶Selector de colores visual
  • ▶Conversión HEX, RGB, HSL
  • ▶Copiar al portapapeles
  • ▶Historial de colores
  • ▶EyeDropper API
  • ▶Paleta de colores

Cómo usar esta herramienta

1

Seleccionar de la pantalla

Haga clic en 'Seleccionar de la pantalla' para activar la herramienta EyeDropper. Haga clic en cualquier lugar de su pantalla para capturar ese color. Funciona con cualquier contenido visible, incluidas otras aplicaciones.

2

Usar entrada de color

Haga clic en el cuadrado de color para abrir el selector de color nativo. Funciona en todos los navegadores y proporciona una forma visual de seleccionar colores.

3

Ingresar valores manualmente

Escriba valores HEX directamente (p. ej., #3B82F6), o ajuste los controles deslizantes RGB y HSL para un control preciso. Todos los formatos se actualizan automáticamente mientras escribe.

4

Copiar y usar

Haga clic en el botón de copiar junto a cualquier formato para copiarlo al portapapeles. Use el historial de colores para acceder rápidamente a los colores seleccionados anteriormente.

Metodos de seleccion de colores

El selector de colores admite multiples metodos de entrada: el selector de color HTML5 nativo para seleccion visual, la API EyeDropper para muestrear colores desde cualquier parte de tu pantalla, y entrada directa de valores HEX, RGB o HSL.

API EyeDropper

Al hacer clic en 'Capturar de pantalla', el navegador activa su interfaz EyeDropper nativa. Esta muestra una vista ampliada de los pixeles bajo el cursor y permite hacer clic para muestrear cualquier color visible en la pantalla, incluso de otras aplicaciones.

Conversiones de espacios de color

Las conversiones de color siguen formulas matematicas estandar. RGB a HEX convierte valores decimales a hexadecimales. RGB a HSL calcula el tono desde la posicion en la rueda de colores, la saturacion desde la intensidad del color y la luminosidad desde el promedio de valores RGB min/max.

Compatibilidad del navegador

La API EyeDropper requiere Chrome 95+, Edge 95+ u Opera 81+. Detectamos la compatibilidad del navegador y mostramos la interfaz apropiada. El selector de color nativo y la entrada manual funcionan en todos los navegadores modernos como alternativas.

Privacidad y seguridad

Todo el procesamiento ocurre localmente en tu navegador usando JavaScript. Ningun dato de color, captura de pantalla o informacion se envia a servidores externos. Tu historial de colores se almacena solo en el localStorage de tu navegador.

Preguntas frecuentes

Haga clic en el botón 'Seleccionar de la pantalla' para activar la herramienta EyeDropper. Su cursor cambiará a una lupa: haga clic en cualquier lugar de su pantalla para capturar ese color. Esta función requiere un navegador moderno compatible con la EyeDropper API (Chrome 95+, Edge 95+).

Herramientas relacionadas

Conversor de Color

Convertir entre todos los formatos de color

Verificador de Contraste

Verificar contraste de color WCAG

Generador de Paleta

Generar paletas de colores

Generador de Degradado

Crear degradados CSS

#3B82F6

La selección de color de pantalla no está disponible en este navegador. Usa la entrada de color o ingresa los valores manualmente.

Todos los formatos de color

Compartir
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSB
hsb(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)

Tool History is a Supporter feature.

Tool Notes is a Supporter feature.