¿Cómo se convierte matemáticamente HEX a RGB?

Un código HEX se divide en tres pares base-16. Para cada par, multiplicas el primer dígito por 16 y le sumas el segundo. Por ejemplo, 'FF' se calcula como (15 * 16) + 15 = 255.

¿Cuál es la diferencia entre HEX y RGB?

Ambos representan exactamente el mismo espacio de color sRGB. RGB utiliza base-10 (0-255), mientras que HEX utiliza base-16 (00-FF), que es más conciso para escribir en hojas de estilo CSS.

¿Cómo se usan los colores RGB en CSS?

En CSS, puedes utilizar la función rgb(255, 87, 51) o la sintaxis moderna con barra inclinada para añadir opacidad: rgb(255 87 51 / 50%).

Convertidor HEX a RGB — Conversión de Colores Rápida y Gratuita

¿Qué hace la conversión de HEX a RGB?

Este convertidor traduce un código de color web hexadecimal (HEX) de 6 o 3 dígitos a un formato estándar de Rojo, Verde y Azul (RGB) de forma instantánea en tu navegador.

¿Cómo se convierte de HEX a RGB?

HEX y RGB son dos representaciones numéricas diferentes para exactamente el mismo espacio de color. Un código HEX se divide en tres pares en Base-16 que representan Rojo, Verde y Azul. Para convertir a RGB (Base-10), multiplicas el primer carácter por 16 y sumas el valor del segundo carácter.

¿Cuál es la fórmula matemática?

Si tienes el código HEX #FF5733:

Rojo (FF): (15 × 16) + 15 = 255
Verde (57): (5 × 16) + 7 = 87
Azul (33): (3 × 16) + 3 = 51

Por lo tanto, #FF5733 equivale a rgb(255, 87, 51).

¿Qué formatos son compatibles?

La herramienta admite códigos estándar de 6 dígitos (#FF5733) y abreviados de 3 dígitos (#F00, que se expande a #FF0000). El símbolo almohadilla (#) es opcional.

Ejemplo de Código JavaScript

Si necesitas implementar esta lógica en tu propia aplicación, aquí tienes nuestra función principal sin dependencias:

function hexToRgb(hex) {
  let clean = hex.replace(/^#/, '').trim();
  if (clean.length === 3) clean = clean.split('').map(c => c + c).join('');
  const val = parseInt(clean, 16);
  return { r: (val >> 16) & 255, g: (val >> 8) & 255, b: val & 255 };
}

Convertidores Relacionados

¿Necesitas la conversión inversa? Usa nuestro Convertidor RGB a HEX ⇄.

Convertidor HEX a RGB