Convertidor HEX a RGB
Convierte códigos de color hexadecimal (CSS/HTML) a valores numéricos RGB. Ideal para desarrollo web, diseño responsive y prototipado.
Código HEX
Cómo Usar el Convertidor HEX a RGB
Uso Básico
Convertir un código de color HEX a valores RGB es muy sencillo:
Cómo Funciona la Conversión
La conversión de HEX a RGB descompone el código hexadecimal en sus tres componentes de color:
| Posición en #RRGGBB | Canal | Rango HEX | Rango Decimal |
|---|---|---|---|
| Posición 1-2 (RR) | Rojo | 00 – FF | 0 – 255 |
| Posición 3-4 (GG) | Verde | 00 – FF | 0 – 255 |
| Posición 5-6 (BB) | Azul | 00 – FF | 0 – 255 |
Ejemplo paso a paso: Para #3498DB: Rojo = 34₁₆ = (3×16)+4 = 52. Verde = 98₁₆ = (9×16)+8 = 152. Azul = DB₁₆ = (13×16)+11 = 219. Resultado: RGB(52, 152, 219).
¿Por Qué Convertir HEX a RGB?
La conversión de HEX a RGB es necesaria en varias situaciones:
CSS Moderno
Las funciones CSS modernas como rgba() y color-mix() requieren valores RGB numéricos, no códigos HEX. Convertir te permite usar transparencia y manipulación de color avanzada.
Análisis de Color
Los valores RGB numéricos facilitan la comparación y el análisis de colores: calcular brillo, contraste (WCAG), distancia entre colores y crear paletas algorítmicas.
🖥️ Programación
Muchos lenguajes de programación y librerías gráficas (Processing, OpenGL, Unity) trabajan con valores RGB numéricos. Convertir desde HEX es necesario para la implementación.
🔄 Conversiones Encadenadas
Para convertir HEX a CMYK, HSL o Pantone, el primer paso suele ser convertir a RGB. Este convertidor es el punto de partida para conversiones más complejas.
Limitaciones
- Solo sRGB: Los códigos HEX estándar asumen el espacio de color sRGB. Para colores fuera de sRGB (como Display-P3), CSS moderno usa
color(display-p3 ...), que no tiene equivalente HEX directo. - Sin información de transparencia (6 dígitos): El formato HEX estándar de 6 dígitos no incluye canal alfa. Para transparencia, necesitas HEX de 8 dígitos o
rgba(). - No apto para impresión: RGB es un sistema de pantalla. Para impresión profesional, necesitas convertir a CMYK o HEX a CMYK.
Entendiendo los Códigos de Color HEX
Anatomía de un Código HEX
Un código HEX es una cadena de 6 caracteres alfanuméricos precedida por #. Utiliza el sistema numérico hexadecimal (base 16), donde los dígitos válidos son: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.
Cada par de dígitos codifica un canal de color (Rojo, Verde, Azul) en un valor entre 0 y 255:
#FF0000= Rojo máximo, sin verde, sin azul → Rojo puro#00FF00= Sin rojo, verde máximo, sin azul → Verde puro#0000FF= Sin rojo, sin verde, azul máximo → Azul puro
Formatos HEX Aceptados
| Formato | Ejemplo | Equivalente RGB | Soporte |
|---|---|---|---|
| 6 dígitos | #3498DB | rgb(52, 152, 219) | Universal |
| 3 dígitos (abreviado) | #F0A | rgb(255, 0, 170) | Universal |
| 8 dígitos (con alfa) | #3498DB80 | rgba(52, 152, 219, 0.5) | CSS 4+ |
| 4 dígitos (con alfa abreviado) | #F0A8 | rgba(255, 0, 170, 0.53) | CSS 4+ |
Preguntas Frecuentes
¿Cómo convierto manualmente un código HEX a RGB?
#FF8C00 → FF=255, 8C=140, 00=0 → RGB(255, 140, 0). Cada letra A-F equivale a 10-15. La fórmula es: (primer_dígito × 16) + segundo_dígito.¿Un código HEX de 3 dígitos da un resultado RGB diferente?
#F0A es equivalente a #FF00AA. Nuestra herramienta acepta ambos formatos y produce el mismo resultado RGB.¿Los valores RGB pueden ser negativos o superiores a 255?
¿Los códigos HEX con letras mayúsculas y minúsculas son diferentes?
#ff8c00 y #FF8C00 representan exactamente el mismo color. CSS y HTML no distinguen entre mayúsculas y minúsculas en los códigos de color HEX.¿Qué pasa con el canal alfa en HEX de 8 dígitos?
#FF8C0080) incluyen un canal alfa. Los últimos dos dígitos representan la opacidad (00=transparente, FF=opaco). Para convertirlo, usa RGBA: rgba(255, 140, 0, 0.5). Nuestra herramienta se enfoca en la conversión estándar de 6 dígitos.