Conversor HEX a RGB
Convierte colores entre HEX, RGB y HSL.
Usar en cualquier página (bookmarklet)
¿Quieres usar Conversor HEX a RGB sin salir de la página en la que estás? Arrastra el botón de abajo a tu barra de marcadores y haz clic en él en cualquier sitio web para abrir Conversor HEX a RGB allí mismo — se ejecuta completamente en tu navegador.
Úsalo con responsabilidad: Un bookmarklet se ejecuta en la página donde lo pulsas. Evita sitios sensibles como banca online, pagos o salud — lo usas bajo tu propio riesgo. Todo se procesa localmente y no se envía ningún dato. Consulta nuestros Términos.
- Muestra la barra de marcadores si está oculta — Ctrl+Shift+B (⌘+Shift+B en Mac).
- Arrastra el botón de arriba a la barra de marcadores.
- Abre cualquier sitio web y haz clic en el marcador — el panel de Conversor HEX a RGB aparece arriba a la derecha. Usa ✛ para cambiar de esquina y ›/‹ para plegarlo al borde y sacarlo de nuevo.
- Vuelve a hacer clic en el marcador (o en ✕) para cerrarlo.
Nota: algunos sitios con políticas de seguridad estrictas pueden bloquear los bookmarklets.
Ejemplos
HEX → RGB y HSL
Entrada
#3B82F6
Salida
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB → HEX
Entrada
rgb(255, 99, 71)
Salida
#FF6347 · hsl(9, 100%, 64%)
Acerca de esta herramienta
Este conversor de color online y gratuito traduce colores entre HEX, RGB y HSL. Escribe un valor en cualquiera de los tres formatos — o usa el selector de color, o el cuentagotas para capturar un color de cualquier parte de tu pantalla (Chrome y Edge) — y los demás formatos se actualizan al instante junto a una muestra en vivo. Acepta hex abreviado y de 8 dígitos, así como notación rgb() y hsl(). Todo se ejecuta en tu navegador sin subir nada.
Cómo se usa
- Escribe un color HEX, RGB o HSL (o elige uno con la muestra).
- Lee los valores convertidos de los tres formatos.
- Copia el formato que necesites.
Usos comunes
Convertir tokens de diseño entre formatos, igualar colores de marca en CSS, traducir un código hex de una maqueta a rgb() o hsl() y ajustar luminosidad y saturación mediante HSL.
Preguntas frecuentes
¿Cómo convierto HEX a RGB?
Pega un color hex como #3B82F6 y la herramienta muestra al instante el equivalente rgb(59, 130, 246) y los valores hsl, con una muestra de color en vivo.
¿Convierte RGB y HSL de vuelta a HEX?
Sí. Escribe cualquier valor rgb() o hsl() y obtendrás el HEX, RGB y HSL correspondiente — la conversión funciona en todas las direcciones.
¿Este conversor de color es gratis?
Sí — es un conversor online de HEX, RGB y HSL totalmente gratuito, sin registro.
¿Admite abreviado y hex de 8 dígitos?
Sí. Acepta códigos hex de 3 dígitos (#abc), 4, 6 y 8 dígitos; cualquier canal alfa se ignora en la salida RGB/HSL.
¿Puedo elegir un color visualmente?
Sí. Usa el selector de color integrado para elegir un color, y los valores HEX, RGB y HSL se actualizan automáticamente.
¿Puedo capturar un color de una imagen o de cualquier parte de la pantalla?
Sí, en Chrome y Edge. Pulsa el botón Cuentagotas (o ejecuta el bookmarklet en cualquier página) y tu cursor se convierte en un selector — haz clic en cualquier píxel de una imagen, web u otra ventana para capturar su color hex. El cuentagotas no está disponible en Firefox ni Safari, así que el botón solo aparece donde se admite.
¿Se sube mi información a algún sitio?
No. Toda la conversión ocurre en tu navegador sin subir nada.
Herramientas relacionadas