Saltar al contenido

Convertir HEX a RGB: convertidor de códigos de color

Escribe o pega un código hexadecimal y obtén al instante su valor RGB, listo para copiar en CSS, junto con HSL, CMYK, LAB y más formatos. También funciona al revés.

#
#2C71DErgb(44, 113, 222)

Canales RGB

  • Rojo2C → 44
  • Verde71 → 113
  • AzulDE → 222

O elige el color visualmente

Conversión de color

Tabla de colores HEX a RGB

Los colores más consultados con su código hexadecimal y su valor RGB. Pulsa uno para cargarlo en el convertidor.

ColorHEXRGB
#FFFFFFrgb(255, 255, 255)
#000000rgb(0, 0, 0)
#FF0000rgb(255, 0, 0)
#00FF00rgb(0, 255, 0)
#0000FFrgb(0, 0, 255)
#FFFF00rgb(255, 255, 0)
#00FFFFrgb(0, 255, 255)
#FF00FFrgb(255, 0, 255)
#FFA500rgb(255, 165, 0)
#800080rgb(128, 0, 128)
#FFC0CBrgb(255, 192, 203)
#A52A2Argb(165, 42, 42)
#808080rgb(128, 128, 128)
#C0C0C0rgb(192, 192, 192)
#000080rgb(0, 0, 128)
#808000rgb(128, 128, 0)

Cómo se convierte un color Hex a RGB

Un código Hex tiene seis caracteres, agrupados en tres pares: uno para el rojo, otro para el verde y otro para el azul. Cada par es un número en base 16 (hexadecimal, con dígitos del 0 al 9 y letras de la A a la F) que se convierte a un número en base 10 (decimal, de 0 a 255) para obtener el valor RGB.

Por ejemplo, el color E65817 se descompone así:

  • E6230rojo
  • 5888verde
  • 1723azul
rgb(230, 88, 23)

El resultado es rgb(230, 88, 23). Cuanto más alto es el valor de cada canal, más intensidad de ese color hay en la mezcla final.

  • E6 = 14 × 16 + 6 = 230
  • 58 = 5 × 16 + 8 = 88
  • 17 = 1 × 16 + 7 = 23

La fórmula, paso a paso

En hexadecimal, la primera posición de cada par vale 16 veces más que la segunda: se multiplica el primer carácter por 16 y se le suma el segundo. Las letras valen A = 10, B = 11, C = 12, D = 13, E = 14 y F = 15.

Formatos HEX y RGB que acepta CSS

El mismo color se puede escribir de varias formas. Todas funcionan en los navegadores actuales y el convertidor entiende cualquiera de ellas.

  • HEX de 6 dígitos

    El formato más habitual: dos caracteres por canal, en orden rojo, verde y azul. Da igual escribirlo en mayúsculas o en minúsculas.

  • HEX abreviado (3 dígitos)

    Si cada par repite su carácter, se puede abreviar: #FF6600 se escribe #F60.

  • HEX con transparencia (8 dígitos)

    Los dos últimos caracteres son el canal alfa: 00 es transparente y FF, opaco. 80 equivale a un 50 %.

  • rgb() con comas

    La sintaxis clásica, compatible con cualquier navegador. Cada canal va de 0 a 255.

  • rgb() moderno

    La sintaxis de CSS Color 4: valores separados por espacios y transparencia opcional tras la barra. rgba() sigue funcionando como alias.

De Hex a paletas armoniosas

Cuando ya tengas el valor RGB, puedes crear esquemas complementarios o análogos con el círculo cromático (también llamado rueda de colores) y afinar el tono en el selector de color.

Preguntas frecuentes

Cada par de caracteres del código Hex representa un canal (rojo, verde y azul) en base 16. Al convertir cada par a base 10 obtienes un número entre 0 y 255 para ese canal, que juntos forman el valor RGB.

Porque necesita dos caracteres por cada uno de los tres canales de color (rojo, verde y azul), y cada par en base 16 puede representar 256 valores distintos, el mismo rango que usa RGB.

El sistema hexadecimal usa dígitos del 0 al 9 y letras de la A a la F para representar valores del 10 al 15. Por eso un código Hex puede combinar números y letras, como E65817.

Sí, usa el convertidor de RGB a Hex para hacer el proceso contrario: introduce los tres valores RGB y obtén el código hexadecimal correspondiente.

Una forma abreviada que sirve cuando cada par repite su carácter: #F60 equivale a #FF6600 y #FFF a #FFFFFF. El convertidor acepta ambas.

Añade dos caracteres más al final: el canal alfa. #E6581780 es el mismo naranja al 50 % de opacidad; 00 es totalmente transparente y FF, opaco.

Hoy, en la práctica, ninguna: en CSS moderno rgb() también acepta transparencia, como rgb(230 88 23 / 50%), y rgba() se mantiene como alias por compatibilidad.

Herramientas relacionadas