Saltar al contenido

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

Escribe tus valores RGB, por ejemplo 230, 88, 23, y obtén al instante el código hexadecimal para 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 RGB a HEX

Los colores más consultados con su valor RGB y su código hexadecimal. 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 RGB a Hex

Cada canal RGB es un número decimal entre 0 y 255. Para convertirlo a Hex, ese número se transforma a base 16, obteniendo un valor de dos caracteres por canal, del 00 al FF. Los tres pares resultantes se unen, en orden rojo, verde y azul, para formar el código Hex completo.

Por ejemplo, el color rgb(230, 88, 23) se convierte así:

  • 230E6rojo
  • 8858verde
  • 2317azul
#E65817

El resultado es #E65817. Es exactamente el proceso contrario al que hace el convertidor de Hex a RGB.

  • 230 ÷ 16 = 14 (E), resto 6 → E6
  • 88 ÷ 16 = 5, resto 8 → 58
  • 23 ÷ 16 = 1, resto 7 → 17

La fórmula, paso a paso

Divide cada valor entre 16: el cociente es el primer carácter del par y el resto, el segundo. Los números del 10 al 15 se escriben con letras: 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.

Explora tu color en la rueda de colores

Con el Hex listo, abre el círculo cromático para generar armonías, o consulta nombres y códigos en la tabla de colores HTML.

Preguntas frecuentes

Cada uno de los tres valores RGB (de 0 a 255) se convierte a base 16, obteniendo un número de dos caracteres por canal. Los tres pares se unen en orden rojo, verde y azul para formar el código Hex.

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 el código Hex final puede incluir ambos.

No es un valor válido. Cada canal RGB solo admite números entre 0 y 255, el rango completo que puede representar un byte.

Sí. El convertidor acepta 230, 88, 23, 230 88 23, rgb(230, 88, 23), rgb(230 88 23) y rgba(…). Si incluyes transparencia, se ignora para calcular el HEX de 6 dígitos.

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

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.

Herramientas relacionadas