Conversor de Hex a RGB

Convierte un código de color hexadecimal en valores RGB.

Hex color code

A 3- or 6-digit hex code, with or without the leading #.

Los resultados se actualizan al escribir.

RGB value

—

Red—

Green—

Blue—

Cómo funciona

Un conversor de hex a RGB traduce un código de color hexadecimal, las cadenas de seis caracteres como #0EA5E9 usadas en todo el diseño web y gráfico, a los valores de rojo, verde y azul que describen el mismo color numéricamente. Ambos formatos representan colores idénticos; el hexadecimal es compacto y común en CSS y herramientas de diseño, mientras que el RGB es más fácil de leer, ajustar y usar en contextos como la edición de imágenes o el cálculo programático de color. Esta conversión es útil siempre que te muevas entre herramientas que prefieren notaciones distintas. Una guía de marca puede especificar códigos hexadecimales, pero una hoja de cálculo, una aplicación nativa o una librería de animación pueden querer los números R, G y B por separado. Ver los valores de canal también ayuda a entender y ajustar un color: subir el valor de rojo lo vuelve más cálido, mientras que canales iguales producen un gris. La herramienta acepta tanto códigos completos de seis dígitos como la abreviatura de tres dígitos. La conversión funciona porque cada par de dígitos hexadecimales codifica un canal como un número de 0 a 255, el rango que puede contener un solo byte. Leer cada par en base dieciséis recupera ese valor directamente, y los tres juntos definen el color. Desarrolladores web, diseñadores y cualquiera que iguale colores entre aplicaciones usan un conversor de hex a RGB para mantener los colores coherentes cuando cruzan entre sistemas de diseño, código y contenido.

Fórmula

each channel = the two hex digits read as a base-16 number (0–255)

Un color hexadecimal empaqueta tres canales de color en seis dígitos hexadecimales, dos por canal. Cada par es un número en base 16, así que los dígitos se leen como decenas y unidades de dieciséis: el dígito izquierdo se multiplica por dieciséis y se le suma el dígito derecho, dando un valor de 0 a 255. Los códigos abreviados de tres dígitos duplican primero cada dígito. La conversión funciona porque el hexadecimal es simplemente una forma compacta de escribir el mismo byte de 0 a 255 que usa cada canal.

Fuente:Standard digital media (sRGB)

Revisamos todas nuestras herramientas de vez en cuando para garantizar su precisión.

Ejemplo resuelto

Hex color code:#0EA5E9

0E = 14, A5 = 165, E9 = 233, dando rgb(14, 165, 233).

Cómo usar esta calculadora

1
Introduce tus valores
Introduce hex color code.
2
Ajusta las opciones
Ajusta cualquier opción para adaptarla a tu situación.
3
Lee tu resultado
RGB value se actualiza al instante mientras escribes, sin botón que pulsar.

Preguntas frecuentes

¿Cuál es la diferencia entre hex y RGB?

El hex y el RGB describen exactamente los mismos colores en notaciones distintas. El RGB lista tres números de 0 a 255 para rojo, verde y azul. El hex codifica esos mismos tres valores como pares de dígitos en base 16 en una sola cadena precedida por una almohadilla. El hex es compacto y dominante en el CSS web, mientras que el RGB es más fácil de leer y ajustar aritméticamente. Convertir entre ellos nunca cambia el color en sí.

¿Puedo introducir un código hex de 3 dígitos?

Sí. Los códigos hexadecimales abreviados de tres dígitos expanden cada dígito duplicándolo, así que #0af se convierte en #00aaff. Esta abreviatura solo funciona cuando ambos dígitos de cada canal son idénticos, por lo que puede expresar menos colores que la forma completa de seis dígitos. El conversor detecta y expande automáticamente los códigos de tres dígitos, luego lee cada par resultante como un valor de canal, así que cualquier formato devuelve el resultado RGB correcto.

¿Necesito incluir el símbolo de almohadilla?

No. El conversor acepta códigos con o sin la almohadilla inicial, así que #0EA5E9 y 0EA5E9 funcionan igual. La almohadilla es una convención que marca un valor como color hexadecimal en CSS y herramientas de diseño, pero no lleva información de color en sí. De cualquier forma que pegues el código, el conversor elimina la almohadilla y lee los dígitos restantes como los tres canales de color.

¿Qué significan los números de rojo, verde y azul?

Cada uno de los tres números va de 0 a 255 e indica la intensidad de ese canal de color primario. Cero significa que el canal está apagado y 255 que está a plena intensidad. Las pantallas mezclan estas tres luces de forma aditiva, así que los tres a 255 producen blanco, los tres a 0 producen negro y valores intermedios iguales producen gris. Ajustar un canal desplaza el color hacia o desde ese primario.

¿Por qué el rango es de 0 a 255 en cada canal?

Cada canal se almacena en un byte, que contiene ocho bits y por tanto 256 valores distintos de 0 a 255. Dos dígitos hexadecimales expresan exactamente ese rango, ya que dieciséis por dieciséis es 256. Este esquema de ocho bits por canal da unos 16,7 millones de colores posibles entre los tres canales, suficientes para que el ojo perciba gradientes suaves. Es la profundidad estándar del color web y digital cotidiano.