Convertidor de color HEX a RGB gratis

Convierte un color HEX de 3 o 6 dígitos a rgb(r, g, b) en tu navegador, con muestra en vivo. Ejemplo: #6D28D9 es rgb(109, 40, 217).

Convierte un valor HEX localmente. No hace falta subir una imagen.

Lo que conviene saber

HEX es RGB escrito en base 16. Los seis dígitos tras la almohadilla son tres pares, uno para rojo, otro para verde y otro para azul, y cada par va de 00 (0) a FF (255). El conversor lee esos pares y muestra rgb(r, g, b) junto a la forma normalizada #RRGGBB, con una muestra para ver el color al instante.

El campo se abre con #6D28D9. Sepáralo en 6D, 28 y D9: 6D es 6 x 16 + 13 = 109, 28 es 2 x 16 + 8 = 40 y D9 es 13 x 16 + 9 = 217, así que el resultado es rgb(109, 40, 217). La # inicial es opcional y valen mayúsculas o minúsculas.

También acepta la forma abreviada de tres dígitos. Cada dígito se duplica, de modo que #F80 pasa a #FF8800 y después a rgb(255, 136, 0). Cualquier otra longitud, incluido el HEX de ocho dígitos con canal alfa, se rechaza con un aviso en rojo en lugar de adivinar.

No se sube nada: la conversión son unas pocas operaciones aritméticas que se ejecutan en la propia página. El selector de color junto al campo te deja elegir un tono a ojo y leer su HEX y su RGB, y cada valor tiene su botón de copiar para pegarlo en CSS, en una herramienta de diseño o en una diapositiva.

Elige una tarea 12
Herramientas relacionadas 13
Cómo usar Convertidor de color HEX a RGB gratis
  1. Escribe o pega un valor HEX en el campo HEX, por ejemplo #6D28D9 (la # es opcional).
  2. O pulsa el selector de vista previa y elige un tono; el campo se actualiza con su código #RRGGBB.
  3. Mira la muestra y lee el resultado: #6D28D9 da rgb(109, 40, 217).
  4. Pulsa el botón RGB para copiar rgb(109, 40, 217), o el botón HEX para copiar #6D28D9 en mayúsculas.

Respuestas rápidas

¿Cómo se convierte #F80 a RGB?

Primero se duplica cada dígito y F80 pasa a FF8800. Eso son 255 de rojo, 136 de verde y 0 de azul, mostrado como rgb(255, 136, 0).

¿Admite HEX de 8 dígitos con transparencia?

No, solo acepta 3 o 6 dígitos hexadecimales, así que #6D28D980 muestra un error. Calcula tú el par alfa (80 en hexadecimal es 128, cerca del 50 %) y usa rgba() en tu CSS.

¿Por qué el resultado sale siempre en mayúsculas?

Toda entrada válida se normaliza a #RRGGBB en mayúsculas, de modo que #6d28d9 y 6D28D9 se leen como #6D28D9. En CSS ambas grafías son equivalentes.