Convierte códigos de color hexadecimales a tripletes RGB y viceversa — al instante, con soporte de forma abreviada de 3 y 6 dígitos, totalmente local.
Se procesa localmente en tu navegador
RGB
—
Hex
—
Rellene cualquiera de los dos campos — el hex se convierte a RGB, el RGB a hex. Cuando ambos están llenos, gana el valor hex. La forma abreviada de 3 dígitos (#fff) se expande a 6 dígitos (#ffffff).
El convertidor de hex a RGB traduce entre las dos notaciones de color que todo desarrollador front-end encuentra: códigos hex como #3498db y tripletes rgb(52, 152, 219). Escriba o pegue cualquiera de las dos formas y la herramienta rellena la otra — el hex de 6 dígitos se convierte en sus tres valores de canal, y un triplete separado por comas o espacios se convierte en su código hex. El convertidor acepta la forma abreviada de 3 dígitos (#fff se expande a #ffffff), el # inicial opcional, dígitos en mayúsculas o minúsculas, e incluso la sintaxis completa de la función rgb(52, 152, 219), de modo que los valores copiados de un inspector de navegador, una herramienta de diseño o un mockup funcionan tal cual se pegan. La validación es estricta sobre lo que puede ser un color: los dígitos hex deben ser válidos y cada canal RGB debe ser un entero de 0 a 255 — un triplete como 300, 0, 0 se rechaza con un mensaje claro en lugar de envolverse o recortarse silenciosamente. Cuando ambos campos están llenos, el valor hex gana, de modo que la precedencia es predecible y documentada en lugar de sorprendente. La conversión es aritmética pura sobre los valores de canal — nada se aproxima, y nada de lo que introduzca se sube, registra o almacena. Use esta herramienta cuando una guía de estilo le dé hex y su librería de gráficos necesite RGB, cuando esté depurando un color que se ve distinto de lo esperado en un tema oscuro, o cuando quiera razonar sobre cuánto rojo, verde y azul componen realmente un color.
Su sistema de diseño define el azul de marca como #3498db, pero la librería de gráficos necesita tripletes rgb(). El convertidor divide el hex en sus pares — 34, 98, db — y los interpreta en base 16: 52, 152, 219, de modo que el gráfico recibe rgb(52, 152, 219) y muestra el mismo azul.
| Entrada | Valor |
|---|---|
| Color hex | #3498db |
| RGB | |
| Resultado | rgb(52, 152, 219) |
rgb(r, g, b) = pares hex interpretados en base 16
| Símbolo | Significado |
|---|---|
pares hex | los tres grupos de dos dígitos de un código hex de 6 dígitos (RRGGBB), cada uno interpretado con parseInt(·, 16) |
r, g, b | valores de canal de 0 a 255 |
La forma abreviada de 3 dígitos (#fff) expande cada dígito antes de interpretarlo, como hace CSS.
hex = #rrggbb, cada canal en dos dígitos hex en base 16 en minúsculas
| Símbolo | Significado |
|---|---|
canal | un entero de 0 a 255 |
rr gg bb | las representaciones hexadecimales de dos dígitos, con ceros al inicio (p. ej. 10 → 0a) |
Última revisión 11 de agosto de 2026 · Versión 1.0.0 · Toolivaro no garantiza el contenido externo.
Un código de 3 dígitos como #fff es la forma abreviada de CSS: cada dígito se duplica, así que #fff significa #ffffff. Todo navegador moderno lo admite. El convertidor acepta ambas y siempre emite la forma completa de 6 dígitos, para que el resultado no sea ambiguo.
Todavía no. El hex de 8 dígitos (#rrggbbaa) y rgba() llevan un canal de transparencia que este convertidor no interpreta. Para colores con alfa, convierta el color base de 6 dígitos aquí y mantenga el alfa por separado.
Los dígitos hex no distinguen mayúsculas — #3498db y #3498DB son el mismo color. Las minúsculas son la convención de la mayoría de las herramientas y minificadores modernos, y mantienen la salida coherente para copiar y pegar.
El valor hex gana y se convierte a RGB; el campo RGB se ignora. La herramienta documenta esta precedencia en lugar de adivinar, de modo que el resultado siempre es predecible.
Parte de Herramientas de formato y conversión
¿Encontraste un error o tienes una corrección? Repórtalo: revisamos cada corrección.
¿Te ha sido útil?
Revisado por el equipo editorial de Toolivaro según nuestra metodología Metodología · Política editorial