Convertidor de RGB a hexadecimal
Ajusta los controles deslizantes o pega un código HEX a continuación para convertir al instante entre RGB, HEX y HSL, con una vista previa del color en tiempo real; todo se calcula en tu dispositivo.
Entrada de color
Salida convertida
Reseñas
Cómo convertir RGB a HEX
- Arrastra los controles deslizantes de rojo, verde y azul —o pega un código HEX directamente en el campo— para establecer un color.
- Observa cómo la muestra de vista previa y los valores HEX, RGB y HSL se actualizan en tiempo real a medida que realizas cualquier ajuste.
- Haz clic en cualquier tarjeta de valor para copiarla y poder pegarla en CSS, en un programa de diseño o en código.
RGB, HEX y HSL: ¿cuál es la diferencia?
Los formatos RGB, HEX y HSL describen exactamente los mismos colores; solo son formas diferentes de escribir los mismos números. El formato RGB define un color según la cantidad de luz roja, verde y azul que se combinan para formarlo, cada una en una escala de 0 a 255. HEX son los mismos valores RGB reescritos como un código compacto de 6 dígitos en base 16, por eso rgb(31, 58, 95) y #1f3a5f son colores idénticos. Por su parte, HSL describe un color mediante el tono (su posición en la rueda de colores), la saturación (cuán intenso es) y la luminosidad —un formato que suele ser más intuitivo para elegir tonos relacionados.
Dónde se suele utilizar cada formato
| Formato | Uso típico | ¿Por qué? |
|---|---|---|
| HEX | CSS, HTML, herramientas de diseño | Corto, fácil de pegar y compartir como una sola cadena |
| RGB | CSS con transparencia (rgba) | Admite un canal alfa para la opacidad |
| HSL | Creación de paletas de colores | Es fácil crear tonos más claros, más oscuros o similares con solo cambiar un número |
Cómo usar estos valores en CSS
Cualquiera de los tres formatos funciona directamente en una hoja de estilo: color: #1f3a5f;, color: rgb(31, 58, 95); y color: hsl(210, 51%, 25%); todos muestran el mismo azul marino. HEX es la notación más común para los colores sólidos, mientras que RGB (o su rgba() variante) es útil cuando un color requiere transparencia parcial, y HSL facilita la generación de un conjunto coherente de tonos al mantener fija la tonalidad y ajustar únicamente la luminosidad.
Preguntas frecuentes
¿El uso de este convertidor de RGB a HEX es gratuito?+
Sí. Funciona completamente con JavaScript en tu navegador, así que no necesitas una cuenta, ni una clave de API, ni hay límite en el número de veces que puedes usarlo.
¿Se suben mis datos de color a algún sitio?+
No. Todas las conversiones se realizan localmente en tu navegador. No se envía, almacena ni registra nada en un servidor.
¿Cuál es la diferencia real entre HEX y RGB?+
Describen el mismo color con diferentes sistemas de notación: el código HEX es una notación abreviada de 6 dígitos en base 16 para los mismos valores de rojo, verde y azul que el sistema RGB expresa como tres números separados del 0 al 255.
Herramientas para el diseño y el desarrollo
Cómo funciona este conversor
Los valores se convierten en tiempo real entre RGB, HEX y HSL con JavaScript a medida que escribes o eliges un color — nada de lo que ingreses se sube a un servidor ni se almacena en ningún lado.
Última actualización: 28 de agosto de 2026.
Más herramientas en la caja
En la página de inicio encontrarás más herramientas gratuitas que no requieren clave de API.
Generador de códigos QR
Convierte cualquier texto o URL en un código QR descargable.
Formateador de JSON
Formatear, validar y minimizar JSON con indicaciones de errores.
Generador de favicons
Convierte una imagen en todos los tamaños de favicon que necesites.
Generador de UUID
Genera UUID v4 aleatorios en masa, al instante.