ImageColorPicker.com

Conversor de HEX a RGB

Convierte cualquier color HEX a RGB — al instante y gratis

#FF5733

Pega cualquier valor de color — detectamos el formato por ti.

Resultado RGB
Rojo
255
Verde
87
Azul
51

Este color en todos los formatos

Perfil CMYK: Coated FOGRA39 (el valor predeterminado de Photoshop para Europa)

Un código HEX empaqueta tres números de 8 bits en seis dígitos hexadecimales. Convertir HEX a RGB significa dividir esos dígitos en pares y leer cada par como un número decimal entre 0 y 255 — exactamente los valores que esperan CSS, Figma y los editores de imágenes.

Cómo funciona la conversión de HEX a RGB

  1. Quita el # inicial y, si el código tiene solo tres dígitos, duplica cada uno: #f53 se convierte en #ff5533.
  2. Divide los seis dígitos en tres pares — RR, GG y BB.
  3. Lee cada par como un número en base 16 y conviértelo a base 10: FF se vuelve 255, 57 se vuelve 87, 33 se vuelve 51.
  4. Escribe los tres resultados como rgb(R, G, B).

Ejemplo práctico

HEX #FF5733=RGB rgb(255, 87, 51)

Esta conversión es exacta. HEX y RGB describen los mismos valores sRGB en diferente notación, así que no se redondea ni se pierde nada en ninguna de las direcciones.

HEX y RGB explicados

¿Qué es HEX?

Un código HEX es un número hexadecimal de seis dígitos que almacena los canales rojo, verde y azul de un color tras un # inicial. Cada par de dígitos representa un canal, de 00 (ninguno) a FF (completo), lo que da los mismos 16,7 millones de colores que RGB en una notación mucho más corta. HEX es el valor por defecto en CSS, herramientas de diseño y guías de marca.

Sintaxis:
#RRGGBB
Rango:
00–FF por canal
Mejor para:
CSS, entrega de diseño, guías de marca

¿Qué es RGB?

RGB describe un color como tres canales de luz — rojo, verde y azul — cada uno de 0 a 255. Refleja cómo funcionan las pantallas: los tres a 255 dan blanco, los tres a 0 dan negro. RGB es la opción correcta cuando necesitas calcular con un color, y rgba() añade transparencia encima.

Sintaxis:
rgb(R, G, B)
Rango:
0–255 por canal
Mejor para:
código, canvas, transparencia con rgba()

Tabla de referencia de HEX a RGB

Los colores CSS más comunes, convertidos de HEX a RGB.

ColorHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

Más convertidores de color

Preguntas frecuentes

Quita el # inicial y, si el código tiene solo tres dígitos, duplica cada uno: #f53 se convierte en #ff5533. Divide los seis dígitos en tres pares — RR, GG y BB. Lee cada par como un número en base 16 y conviértelo a base 10: FF se vuelve 255, 57 se vuelve 87, 33 se vuelve 51. Escribe los tres resultados como rgb(R, G, B).

Esta conversión es exacta. HEX y RGB describen los mismos valores sRGB en diferente notación, así que no se redondea ni se pierde nada en ninguna de las direcciones.

RGB describe un color como tres canales de luz — rojo, verde y azul — cada uno de 0 a 255. Refleja cómo funcionan las pantallas: los tres a 255 dan blanco, los tres a 0 dan negro. RGB es la opción correcta cuando necesitas calcular con un color, y rgba() añade transparencia encima.

Sí. El botón de intercambio junto al campo te lleva al conversor de RGB a HEX, que funciona exactamente igual. Ambas direcciones usan la misma fórmula, solo aplicada en sentido inverso.

Usa RGB cuando necesites trabajar con los números — animar un canal, mezclar colores en código o añadir transparencia con rgba(). HEX sigue siendo la opción más corta y legible para CSS estático.