Cómo convertir de HEX a RGB
Convierte códigos de color HEX a RGB al instante. Escribe un valor HEX o RGB, o usa los controles deslizantes, y todos los formatos se actualizan a la vez, con vista previa, la fórmula y una tabla de colores comunes.
- Escribe o pega un valor HEX, por ejemplo #3B82F6, en su campo de arriba.
- El valor RGB se actualiza al instante: #3B82F6 es rgb(59, 130, 246). También se actualizan los demás formatos y la vista previa del color.
- Copia el valor RGB en tu CSS, tu herramienta de diseño o tu código.
La fórmula de HEX a RGB
Un color HEX son tres pares de dígitos hexadecimales: rojo, verde y azul. Pasa cada par de base 16 a base 10 para obtener los canales RGB:
#3B82F6 → rgb(59, 130, 246)
Colores comunes en HEX y RGB
| HEX | RGB |
|---|---|
#000000 | rgb(0, 0, 0) |
#FFFFFF | rgb(255, 255, 255) |
#FF0000 | rgb(255, 0, 0) |
#00FF00 | rgb(0, 255, 0) |
#0000FF | rgb(0, 0, 255) |
#FFFF00 | rgb(255, 255, 0) |
#00FFFF | rgb(0, 255, 255) |
#FF00FF | rgb(255, 0, 255) |
#808080 | rgb(128, 128, 128) |
#FFA500 | rgb(255, 165, 0) |
#800080 | rgb(128, 0, 128) |
#3B82F6 | rgb(59, 130, 246) |
Qué son HEX y RGB
Un color HEX es una # seguida de seis dígitos hexadecimales: dos para el rojo, dos para el verde y dos para el azul, de 00 (nada) a FF (máximo). Es la forma más común de escribir colores en CSS y en herramientas de diseño.
RGB indica los canales rojo, verde y azul con números de 0 a 255, como en rgb(59, 130, 246). Es el modelo con el que las pantallas mezclan la luz.
Preguntas frecuentes
¿Cambia el color al convertirlo?
HEX, RGB y HSL describen los mismos colores de pantalla, así que la conversión entre ellos es exacta (HSL se redondea a números enteros). CMYK es para imprenta: el resultado impreso depende del perfil de color de la impresora, así que toma los valores CMYK de pantalla como punto de partida.
¿Puedo usar el resultado en CSS?
Sí. CSS acepta directamente hex (#3B82F6), rgb(59, 130, 246) y hsl(217, 91%, 60%). CMYK no es un formato de CSS; se usa en imprenta y en programas de diseño.
¿Y la transparencia?
Añade un valor alfa: hex de 8 dígitos (#3B82F680) o rgba()/hsla() en CSS. El conversor trabaja con el color sólido; el valor alfa es el mismo en todos los formatos.
¿Esta herramienta es gratuita?
Sí, es gratis. Sin registro ni correo electrónico. Obtén el resultado en esta página.
¿Cómo obtengo el resultado?
Usa la herramienta en esta página. El resultado aparece aquí, sin envío por correo electrónico.