Blog
Conversores de unidades

Conversor de HEX a RGB

Introduce un código de color HEX (por ejemplo #3B82F6 o la forma corta #3af) y el conversor muestra el color como RGB: valores separados de los canales rojo, verde y azul, una cadena CSS lista y una muestra de color en vivo.

Resultado

Cadena rgb() —
Rojo (R) —
Verde (G) —
Azul (B) —

Todos los cálculos se hacen localmente en tu navegador: análisis, gráfico, exportación. Si desconectas la red, la página sigue funcionando.

Datos y límites del método

Forma corta #RGB — cada dígito se duplica (#3af → #33aaff)
Forma completa #RRGGBB — seis dígitos hexadecimales
Rango R/G/B De 0 a 255 para cada canal
Almohadilla inicial Opcional — "3B82F6" se reconoce igual que "#3B82F6"

Cuándo induce a error

Cómo se calcula

El código HEX se comprueba contra el formato corto (3 dígitos) o completo (6 dígitos), quitando una almohadilla inicial opcional.

La forma corta se expande a la forma completa duplicando cada dígito: "3af" se convierte en "33aaff".

Cada par de dígitos hexadecimales se convierte en un número decimal de 0 a 255 — son los valores de rojo, verde y azul respectivamente.

La muestra de color se rellena directamente con el mismo código HEX mediante CSS, así que coincide visualmente con lo que obtendrías usando ese color en un diseño real.

Preguntas y respuestas

¿Necesito una almohadilla antes del código HEX?

No, el conversor lo reconoce con o sin ella — "3B82F6" y "#3B82F6" dan el mismo resultado.

¿Funciona la forma corta de 3 caracteres?

Sí, "#3af" se expande automáticamente a "#33aaff" antes del cálculo.

¿Y la transparencia (canal alfa)?

Este conversor solo maneja colores opacos. Para un código HEX con canal alfa, usa el conversor de HEX a RGBA aparte.

¿Se envían mis datos a algún sitio?

No, todo el cálculo se ejecuta en tu navegador.

Herramientas relacionadas

Todas las herramientas