Cómo convertir RGB a hex
- Ajusta los valores de rojo, verde y azul (0–255) con los controles deslizantes o los campos numéricos, o pega un valor CSS
rgb(). - El código hex aparece al instante, junto con HSL, HSV y CMYK. Pon el alfa por debajo de 1 para obtener un código hex de 8 dígitos con transparencia.
- Copia el código hex o sigue la fórmula para ver cómo se convirtió cada valor.
Fórmula para pasar de RGB a hex
Cada canal RGB de 0 a 255 se convierte exactamente en dos dígitos hex. Divide el valor entre 16: el cociente entero es el primer dígito y el resto es el segundo, escribiendo 10–15 como A–F. Ejemplo con rgb(124, 58, 237):
- Rojo: 124 ÷ 16 = 7, resto 12 →
7C - Verde: 58 ÷ 16 = 3, resto 10 →
3A - Azul: 237 ÷ 16 = 14, resto 13 →
ED
Unidos y precedidos de #, dan #7C3AED. Escribe siempre dos dígitos por canal: 9 se convierte en 09, no en 9.
Conversión de RGB a hex en código
- JavaScript:
'#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('') - Python:
'#{:02X}{:02X}{:02X}'.format(r, g, b) - Excel y Google Sheets:
="#"&DEC2HEX(R,2)&DEC2HEX(G,2)&DEC2HEX(B,2)(en Excel en español, DEC.A.HEX) - CSS: no hace falta convertir;
rgb()y los códigos hex son intercambiables.
Cómo añadir transparencia (alfa)
Para un código de 8 dígitos, multiplica la opacidad (0–1) por 255, redondea y añade el resultado como dos dígitos hex más: 0.5 × 255 = 127.5 → 128 → 80, así que rgba(124, 58, 237, 0.5) = #7C3AED80.
| Opacidad | Hex | Opacidad | Hex |
|---|---|---|---|
| 100% | FF | 50% | 80 |
| 90% | E6 | 40% | 66 |
| 80% | CC | 30% | 4D |
| 75% | BF | 25% | 40 |
| 70% | B3 | 20% | 33 |
| 60% | 99 | 10% | 1A |
Preguntas frecuentes
¿Cuál es la fórmula para convertir RGB a hex?
En cada canal, el primer dígito hex es el valor dividido entre 16 (parte entera) y el segundo es el resto, escribiendo 10–15 como A–F. Une los tres pares y antepón #: rgb(255, 165, 0) → FF, A5, 00 → #FFA500.
¿Por qué cada canal debe tener dos dígitos hex?
Un color hex se lee en pares fijos. rgb(0, 128, 9) debe escribirse #008009; si quitas los ceros a la izquierda, los pares se desplazan y obtienes un color distinto o no válido.
¿Un código de color hex puede guardar transparencia?
Sí. Los navegadores modernos aceptan códigos de 8 dígitos #RRGGBBAA, donde el último par es el valor alfa, de 00 (totalmente transparente) a FF (opaco). rgba(124, 58, 237, 0.5) se convierte en #7C3AED80.
¿La conversión de RGB a hex es exacta?
Sí, con valores RGB enteros: cada número de 0 a 255 tiene exactamente una forma hex de dos dígitos, así que al convertir de vuelta obtienes los mismos valores. Solo el alfa se redondea al más cercano de 256 niveles.