Convertidor de HEX a RGB: pasa códigos de color hexadecimales a rgb()
Convierte cualquier código de color hexadecimal, como #aabbcc o el corto #abc, a sus valores de rojo, verde y azul y a una cadena rgb() lista para pegar en tu CSS.
Cómo funciona
Canal = primer dígito × 16 + segundo dígito (los dígitos hexadecimales a–f valen de 10 a 15)
Un color hexadecimal guarda tres canales de 0 a 255 en pares de base 16: #RRGGBB. Cada par se convierte multiplicando el primer dígito por 16 y sumándole el segundo; por ejemplo, «ff» es 15 × 16 + 15 = 255. En la forma corta #abc cada dígito se duplica y queda #aabbcc, así que #f80 equivale a #ff8800. Da igual si lo escribes con mayúsculas o minúsculas.
Ejemplo resuelto
Tomemos #1e90ff: 1e = 1 × 16 + 14 = 30, 90 = 9 × 16 + 0 = 144 y ff = 15 × 16 + 15 = 255. El color es rgb(30, 144, 255), un azul intenso con poco rojo.
Preguntas frecuentes
¿Qué pasa con los códigos HEX de 8 dígitos?
El par extra es el canal alfa (la opacidad): #ff800080 es el mismo naranja al 50%, porque 80 en hexadecimal es 128, más o menos la mitad de 255. Convierte aquí los primeros seis dígitos y agrega la opacidad como cuarto valor de rgba() (128 ÷ 255 ≈ 0.5).
¿Por qué se usan colores HEX y no solo números RGB?
Por comodidad e historia: cada canal ocupa un byte, que son justo dos dígitos hexadecimales, así que un color completo cabe en seis caracteres. CSS acepta los dos formatos; rgb() es más fácil de ajustar a ojo y HEX, de copiar y pegar.
¿#FFF es lo mismo que #FFFFFF?
Sí: la forma corta duplica cada dígito, así que #fff se convierte en #ffffff (blanco). Ojo, solo sirve para colores cuyos pares tienen dígitos repetidos: #ff8000 no tiene forma corta.
¿Cuál es el RGB del negro y del blanco?
El negro, #000000, es rgb(0, 0, 0) y el blanco, #FFFFFF, es rgb(255, 255, 255).
Calculadoras relacionadas
Esta calculadora tiene fines informativos. Verifica los resultados importantes antes de tomar decisiones.