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 ello calculado en tu dispositivo.
Entrada de color
Salida convertida
Opiniones
Cómo convertir RGB a HEX
- Arrastra los controles deslizantes de rojo, verde y azul —o introduce directamente un código HEX 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: ¿en qué se diferencian?
Los formatos RGB, HEX y HSL describen exactamente los mismos colores; simplemente son formas diferentes de escribir los mismos números. El formato RGB define un color en función de la cantidad de luz roja, verde y azul que se combina 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 lo que rgb(31, 58, 95) y #1f3a5f son colores idénticos. HSL, por su parte, describe un color mediante el tono (su posición en la rueda de colores), la saturación (su intensidad) y la luminosidad, un formato que suele resultar más intuitivo a la hora de elegir tonos relacionados.
Dónde se suele utilizar cada formato
| Formato | Uso habitual | ¿Por qué? |
|---|---|---|
| HEX | CSS, HTML, herramientas de diseño | Corto, fácil de pegar y compartir como una sola cadena de texto |
| 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 o más oscuros, o tonos relacionados, cambiando un solo número |
Uso de 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. El formato HEX es la notación más habitual para los colores sólidos, mientras que el RGB (o su rgba() variante) resulta útil cuando un color requiere transparencia parcial, y HSL facilita la creación de una gama coherente de tonos al mantener fija la tonalidad y ajustar únicamente la luminosidad.
Preguntas frecuentes
¿Se puede utilizar este conversor de RGB a HEX de forma gratuita?+
Sí. Funciona íntegramente con JavaScript en tu navegador, por lo que no hace falta crear una cuenta, ni se necesita una clave API, ni hay ningún límite en cuanto al número de veces que puedes utilizarlo.
¿Se suben mis datos de color a algún sitio?+
No. Todas las conversiones se realizan de forma local en tu navegador. No se envía, almacena ni registra nada en un servidor.
¿Cuál es la diferencia real entre HEX y RGB?+
Ambas sistemas describen el mismo color con notaciones diferentes: 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 independientes comprendidos entre 0 y 255.
Herramientas de diseño y desarrollo
Cómo funciona este conversor
Los valores se convierten en tiempo real entre los formatos RGB, HEX y HSL mediante JavaScript a medida que escribes o seleccionas un color; nada de lo que introduzcas se envía a un servidor ni se almacena en ningún sitio.
Ú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 API.
Generador de códigos QR
Convierte cualquier texto o URL en un código QR descargable.
Formateador JSON
Formatear, validar y optimizar JSON con indicaciones de errores.
Generador de favicons
Convierte una imagen en cualquier tamaño de favicon que necesites.
Generador de UUID
Genera UUID v4 aleatorios de forma masiva y al instante.