Saltar al contenido
Aback Tools Logo

Conversor HEX a RGB

Convierte cualquier código de color HEX a valores RGB y RGBA al instante, sin pulsar ningún botón. Admite formatos HEX de 3 dígitos (#RGB), 6 dígitos (#RRGGBB), 4 dígitos (#RGBA) y 8 dígitos (#RRGGBBAA) con transparencia alfa. Incluye vista previa del color en vivo, barras de canal y copia con un clic para todos los formatos de salida. Totalmente privado, 100 % gratis y sin registro.

HEX to RGB Converter
Convert any HEX color code to RGB and RGBA values instantly. Supports 3-digit (#RGB), 6-digit (#RRGGBB), 4-digit (#RGBA), and 8-digit (#RRGGBBAA) HEX formats.

Sample Colors

#

Formats: #RGB #RRGGBB #RGBA #RRGGBBAA

#ff6b6b
R255
G107
B107

RGB / RGBA Values

RGBrgb(255, 107, 107)
RGBArgba(255, 107, 107, 1)
HEX#ff6b6b
HEX (with alpha)#ff6b6bff
Red (R)255
Green (G)107
Blue (B)107
Alpha (A)1 (opaque)
Decimal255, 107, 107
Percentage100%, 42%, 42%

¿Por qué usar nuestro conversor HEX a RGB?

  • Conversión HEX a RGB instantánea: El conversor actualiza todos los valores RGB con cada pulsación de tecla, sin pulsar ningún botón. Introduce cualquier color HEX y obtén al instante RGB, RGBA, valores por canal y equivalentes decimales. También hay un selector de color nativo para elegir visualmente.
  • Todos los formatos HEX compatibles: El conversor admite formatos HEX de 3 dígitos (#RGB), 4 dígitos (#RGBA), 6 dígitos (#RRGGBB) y 8 dígitos (#RRGGBBAA). También genera el HEX3 abreviado cuando procede y el HEX8 de 8 dígitos con canal alfa.
  • 100 % privado, sin subidas: Toda la conversión ocurre localmente en tu navegador. Tus valores de color nunca salen de tu dispositivo ni se envían a ningún servidor: seguro para proyectos de clientes y sistemas de diseño propietarios.
  • Gratis y sin límites: Convierte colores ilimitados sin registro, sin suscripción y sin límites de uso. El conversor HEX a RGB es totalmente gratis para siempre y sin anuncios que bloqueen la interfaz.

Casos de uso habituales del conversor HEX a RGB

  • CSS y desarrollo frontend: Los desarrolladores frontend usan el conversor HEX a RGB para convertir tokens de diseño de HEX a RGB en propiedades CSS que requieren formato RGB, como box-shadow, text-shadow y degradados. El formato RGB también es esencial para la manipulación de color en la API Canvas y WebGL.
  • Entrega e implementación de diseños: Al traducir diseños de Figma o Sketch a código, los desarrolladores usan el conversor HEX a RGB para obtener los valores RGB exactos que necesitan React Native, Flutter y otros frameworks que usan modelos de color RGB numéricos en lugar de cadenas HEX.
  • Aplicaciones móviles y multiplataforma: Los desarrolladores móviles usan el conversor HEX a RGB para convertir los colores HEX de las especificaciones de diseño a los valores RGB que requieren iOS (UIColor), Android (Color.parseColor), React Native, Flutter y Xamarin.
  • Accesibilidad y análisis de contraste: Los especialistas en accesibilidad usan el conversor HEX a RGB para extraer los valores de cada canal RGB necesarios para calcular la relación de contraste WCAG, garantizando que las combinaciones de color de primer plano y fondo cumplan con la conformidad AA o AAA.
  • Manipulación y mezcla de colores: Los diseñadores y desarrolladores usan el conversor HEX a RGB cuando manipulan colores mediante programación: el espacio de color RGB facilita la mezcla, la interpolación y las operaciones matemáticas de color en comparación con HEX.
  • Impresión y publicación digital: Los diseñadores de impresión usan el conversor HEX a RGB para hacer coincidir colores web en publicaciones digitales. Aunque la impresión usa CMYK, las versiones digitales de materiales impresos suelen necesitar valores RGB precisos que coincidan con la intención de diseño HEX original.

¿Qué es la conversión de HEX a RGB?

La conversión de HEX a RGB transforma un código de color hexadecimal en sus componentes rojo-verde-azul (RGB) equivalentes. Un color HEX como #FF6B6B representa el canal rojo como FF (255), el verde como 6B (107) y el azul como 6B (107). Nuestro conversor HEX a RGB realiza esta conversión al instante, admitiendo formatos HEX de 3, 4, 6 y 8 dígitos, incluida la transparencia alfa.

Cómo funciona nuestro conversor HEX a RGB

  1. Introduce tu color HEX: Escribe o pega un valor HEX (por ejemplo, #FF6B6B, #F6B o #FF6B6B80). También puedes usar la muestra del selector de color nativo para elegir visualmente cualquier color. Todo el procesamiento se ejecuta localmente en tu navegador: tus valores de color nunca salen de tu dispositivo.
  2. Los valores RGB se actualizan al instante: Mientras escribes o eliges, los valores RGB, RGBA, por canal, la representación decimal y los valores porcentuales se actualizan en tiempo real. La muestra de color y las barras de canal ofrecen una vista previa visual del color convertido.
  3. Copia cualquier valor: Haz clic en el botón Copiar junto a cualquier fila de salida o tarjeta de formato para copiar ese valor concreto, o usa "Copiar todos los valores" para copiar de una vez todos los datos del color.

Formatos de color HEX explicados

  • #RGB (3 dígitos): Notación abreviada en la que cada dígito hex se duplica. Por ejemplo, #F6B se expande a #FF66BB. Úsala para CSS compacto cuando la precisión del color lo permita.
  • #RRGGBB (6 dígitos): El formato HEX estándar con dos dígitos hex por canal (00-FF). Es el formato más común en diseño web y ofrece 16,7 millones de colores posibles.
  • #RGBA (4 dígitos): Una abreviatura que incluye un canal alfa. Cada dígito se duplica: #F6B8 significa R=FF, G=66, B=BB, A=88 (53 % de opacidad).
  • #RRGGBBAA (8 dígitos): El formato HEX completo con alfa. Los dos últimos dígitos representan el canal alfa (00 = transparente, FF = totalmente opaco). Su compatibilidad en navegadores CSS modernos es cada vez mayor.

HEX frente a RGB: cuándo usar cada formato

HEX es el formato de color más compacto y más usado en desarrollo web. Es ideal para declaraciones CSS, atributos HTML y para copiar colores de herramientas de diseño como Figma, Sketch o Adobe XD. HEX es el formato estándar para tokens de color en la mayoría de los sistemas de diseño.

RGB es preferible cuando necesitas manipular colores mediante programación, para operaciones de la API Canvas, shaders de WebGL, interpolación de color o cualquier procesamiento matemático de color. RGB también lo requieren muchos frameworks de programación como React Native, Flutter y el desarrollo nativo de iOS/Android. El conversor HEX a RGB facilita el cambio entre estos formatos para cualquier flujo de trabajo.

Preguntas frecuentes

Un conversor HEX a RGB transforma códigos de color hexadecimales (como #FF0000) en sus valores numéricos RGB (rojo, verde, azul) equivalentes. Nuestro conversor admite todos los formatos HEX habituales: 3 dígitos (#RGB), 4 dígitos (#RGBA con alfa), 6 dígitos (#RRGGBB) y 8 dígitos (#RRGGBBAA con alfa). También proporciona valores RGBA, representaciones decimales y valores porcentuales para cada canal.

Solo tienes que escribir o pegar tu valor de color HEX (con o sin el prefijo #) en el campo de entrada. El conversor muestra al instante los valores RGB y RGBA equivalentes. Por ejemplo, si introduces #FF6B6B obtienes rgb(255, 107, 107). También puedes usar el selector de color nativo para elegir cualquier color visualmente.

El conversor HEX a RGB admite cuatro formatos: #RGB de 3 dígitos (por ejemplo, #F6B), #RGBA de 4 dígitos (por ejemplo, #F6B8), #RRGGBB de 6 dígitos (por ejemplo, #FF66BB) y #RRGGBBAA de 8 dígitos (por ejemplo, #FF66BB88). Cuando introduces un HEX corto, el conversor lo expande a su equivalente completo de 6 dígitos y muestra la versión abreviada cuando está disponible.

Sí. Toda la conversión ocurre 100 % en el lado del cliente, en tu navegador, mediante JavaScript. Tus valores de color nunca se envían a ningún servidor, nunca se almacenan y nunca se transmiten a ningún sitio. El conversor HEX a RGB es completamente privado y procesa todo localmente en tu dispositivo.

RGB significa rojo-verde-azul y define un color mediante tres valores (de 0 a 255 cada uno). RGBA añade un canal alfa que controla la opacidad (0 = totalmente transparente, 1 = totalmente opaco). Nuestro conversor genera ambos formatos, para que puedas usar rgb() con colores sólidos y rgba() cuando necesites transparencia.

Sí. El conversor HEX a RGB es 100 % gratis, sin registro, sin funciones premium y sin límites de uso. Convierte colores ilimitados sin restricciones ni costes ocultos. No hay anuncios que bloqueen la interfaz.

Aunque esta herramienta se centra en la conversión de HEX a RGB, también puedes usarla para convertir RGB de vuelta a HEX introduciendo el equivalente HEX de tus valores RGB. Para una conversión dedicada de RGB a HEX con funciones adicionales como sugerencias de colores complementarios, consulta nuestra gama completa de herramientas de conversión de color.

La representación decimal muestra los valores RGB como números separados por comas (por ejemplo, 255, 107, 107). La representación porcentual muestra cada canal como un porcentaje de 255 (por ejemplo, 100 %, 42 %, 42 %). Ambos formatos son útiles en distintos contextos de programación y flujos de manipulación de color.