Cómo convertir hex a RGB
- Escribe o pega un código de color hex en el campo Código de color hex, con o sin
#, o haz clic en la muestra para elegir un color. - Lee el resultado como
rgb()y mira los valores de rojo, verde y azul en los controles deslizantes, junto con HSL, HSV y CMYK. - Copia cualquier formato con un clic. La fórmula junto a los formatos muestra cómo cada par de dígitos hex se convierte en un número de 0 a 255.
Fórmula para pasar de hex a RGB
Un código de color hex son tres bytes escritos en hexadecimal: #RRGGBB. Cada par de dígitos es un canal de 00 (0) a FF (255). Para convertir un par, multiplica el primer dígito por 16 y súmale el segundo, contando A = 10, B = 11, C = 12, D = 13, E = 14 y F = 15. Ejemplo con #7C3AED:
- Rojo:
7C= 7 × 16 + 12 = 124 - Verde:
3A= 3 × 16 + 10 = 58 - Azul:
ED= 14 × 16 + 13 = 237
Por lo tanto, #7C3AED = rgb(124, 58, 237).
Códigos hex abreviados y con transparencia
Un código de 3 dígitos es una forma abreviada en la que cada dígito se duplica: #F80 = #FF8800 = rgb(255, 136, 0). Un código de 8 dígitos añade un byte alfa para la opacidad: en #7C3AED80, el último par 80 = 128, y 128 ÷ 255 ≈ 0.5, así que equivale a rgba(124, 58, 237, 0.5). La forma de 4 dígitos #RGBA funciona igual.
Códigos de colores hex comunes y sus valores RGB
| Color | Hex | RGB |
|---|---|---|
| Blanco | #FFFFFF | rgb(255, 255, 255) |
| Negro | #000000 | rgb(0, 0, 0) |
| Rojo | #FF0000 | rgb(255, 0, 0) |
| Lima | #00FF00 | rgb(0, 255, 0) |
| Azul | #0000FF | rgb(0, 0, 255) |
| Amarillo | #FFFF00 | rgb(255, 255, 0) |
| Naranja | #FFA500 | rgb(255, 165, 0) |
| Gris | #808080 | rgb(128, 128, 128) |
| Azul marino | #000080 | rgb(0, 0, 128) |
| Púrpura | #800080 | rgb(128, 0, 128) |
| Verde azulado | #008080 | rgb(0, 128, 128) |
Preguntas frecuentes
¿Cómo convierto hex a RGB a mano?
Divide el código en tres pares y convierte cada par desde hexadecimal: primer dígito × 16 + segundo dígito. Para #1E90FF: 1E = 30, 90 = 144 y FF = 255, así que el color es rgb(30, 144, 255).
¿Qué significa un color hex de 3 dígitos como #F80?
Es la forma abreviada de un código de 6 dígitos con cada dígito duplicado: #F80 = #FF8800 = rgb(255, 136, 0). Solo se pueden abreviar los colores cuyos pares tienen dos dígitos iguales.
¿Cómo convierto hex a RGB en JavaScript o Python?
JavaScript: [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)) para un código como #RRGGBB. Python: tuple(int(h[i:i + 2], 16) for i in (1, 3, 5)). En CSS no hace falta convertir: se aceptan ambas notaciones.
¿Qué es mejor para CSS, hex o RGB?
Describen exactamente los mismos colores. El hex es más corto y habitual en las herramientas de diseño; rgb() es más fácil de leer y ajustar, y con rgba() la transparencia queda a la vista. Los navegadores modernos también aceptan códigos hex de 8 dígitos con alfa.