Calculadora Hexadecimal Online 2026: Conversión, Colores RGB ↔ HEX, Operaciones Bitwise y Tabla WCAG de Contraste
Convierte hex a decimal, binario y octal con desglose por nibbles. Modo Colores: convierte RGB a HEX y viceversa, calcula luminancia WCAG, ratio de contraste con blanco y negro, y muestra el color complementario. Modo Bitwise: AND, OR, XOR, NOT, desplazamientos en hex con tabla bit a bit.
Convierte hex a decimal, binario y octal
Resultado
Selecciona modo y presiona Calcular
Qué es el sistema hexadecimal y dónde se usa
El sistema hexadecimal (base 16) usa 16 dígitos: 0-9 y las letras A-F, donde A=10, B=11, C=12, D=13, E=14, F=15. Es la notación preferida en informática por su relación directa con el binario: exactamente 1 dígito hex corresponde a 4 bits (un nibble), y 1 byte = 2 dígitos hex. Esta correspondencia hace que los programadores, diseñadores y administradores de sistemas puedan leer valores binarios de forma compacta y sin ambigüedad. Los colores CSS (#0E7C86), las direcciones MAC de red, los códigos de error del sistema, los registros de CPU y los volcados de memoria se expresan en hexadecimal por esta razón.
En América Latina, el hexadecimal es parte central del currículo de Ingeniería en Sistemas, Electrónica y Telemática en universidades como el IPN, la UNAM, la Universidad Nacional de Colombia y la UBA. Los desarrolladores front-end de toda la región trabajan con colores hex en CSS y Tailwind. Los estudiantes de hardware que programan Arduino o STM32 en Lima, Bogotá o Ciudad de México usan hex para configurar registros de periféricos.
El hexadecimal en informática: colores, memoria y redes
Los colores CSS en formato #RRGGBB son 3 bytes hex: R (0x00-0xFF = 0-255), G y B. Los 16,777,216 colores posibles (256³) de la pantalla se expresan en 6 dígitos hex. Los volcados de memoria (hexdump, xxd en Linux) muestran el contenido de la RAM byte a byte en hex, porque es la única notación suficientemente compacta. Las direcciones MAC de tarjetas de red son 6 bytes separados por dos puntos (ej. 00:1A:2B:3C:4D:5E). Los errores de Windows (pantalla azul) muestran códigos como 0x0000007B. Los colores de las paletas de las apps de diseño más usadas en América Latina (Figma, Canva, Adobe XD) siempre incluyen el hex.
La aritmética hexadecimal: suma, resta y multiplicación en base 16
La aritmética hex sigue las mismas reglas que el decimal pero en base 16. Suma: A+6=10 (hex) porque A=10, 10+6=16, y 16 en hex es 10 (1×16+0). Resta: 20−B=15 (hex) porque 0x20=32, 0xB=11, 32−11=21=0x15. Multiplicación: F×F=E1 (hex) porque 15×15=225=14×16+1=0xE1. En la práctica, los programadores rara vez hacen aritmética hex de cabeza; usan calculadoras o el modo programador de Windows. Sin embargo, reconocer patrones como 0x100=256, 0x400=1024 (1 KiB), 0x10000=65536 (64 KiB), 0x100000=1 MiB es esencial para trabajar con tamaños de memoria y direccionamiento.
Las operaciones bitwise: AND, OR, XOR, NOT y desplazamientos
Las operaciones bitwise (bit a bit) son operaciones que actúan sobre cada bit individualmente. AND (&): el bit resultado es 1 solo si ambos bits de entrada son 1. Se usa para extraer bits (máscaras): 0xFF & 0x0F = 0x0F (extrae el nibble bajo). OR (|): el bit resultado es 1 si al menos uno es 1. Se usa para poner bits a 1 (set): registro |= 0x10 pone el bit 4 a 1. XOR (⊕): el bit resultado es 1 si los bits son distintos. Se usa para alternar bits (toggle) y para XOR de cifrado básico. NOT (~): invierte todos los bits (complemento a 1). Shifts: << multiplica por 2ⁿ, >> divide entre 2ⁿ. Los programadores de C, Java, Python y JavaScript usan estas operaciones constantemente en microcontroladores, protocolos de red y algoritmos criptográficos.
Los colores RGB y CSS: de #0E7C86 a rgb(14,124,134)
Un color CSS en formato #RRGGBB es simplemente 3 bytes en hexadecimal: el primero (RR) es la componente roja (0-255), el segundo (GG) la verde, el tercero (BB) la azul. Convertir #0E7C86: 0E=14 (rojo), 7C=124 (verde), 86=134 (azul) → rgb(14,124,134). La luminancia relativa WCAG se calcula como L=0.2126R+0.7152G+0.0722B (con los valores linealizados). El ratio de contraste WCAG entre dos colores es (L1+0.05)/(L2+0.05). Para cumplir WCAG AA se requiere 4.5:1 para texto normal y 3:1 para texto grande. Esta calculadora calcula todo esto automáticamente para cualquier color hex, incluyendo el color complementario (tono opuesto en la rueda cromática, 180° de diferencia en HSL).
Cómo funciona esta calculadora hexadecimal
Esta herramienta ofrece tres modos especializados que cubren los principales usos del hexadecimal en informática, diseño y programación.
Modo 1: Conversor hex completo y Modo 2: Colores RGB ↔ HEX
Modo 1: Ingresas hasta 8 dígitos hex. El resultado muestra el valor en decimal, binario y octal. El desglose por nibbles muestra cada dígito hex con sus 4 bits y valor decimal (0-15). La gráfica de barras muestra el valor de cada nibble. Si ingresas exactamente 6 dígitos, la herramienta sugiere usar el Modo 2 para ver el color CSS. Modo 2: Convierte en ambas direcciones entre hex y RGB. El modo HEX→RGB acepta #RRGGBB o #RGB (3 dígitos que se expanden). El modo RGB→HEX acepta 3 valores 0-255. El resultado muestra la representación en CSS (#hex, rgb(), hsl()), la luminancia WCAG, el ratio de contraste con blanco y negro, los badges WCAG AA/AAA, y el color complementario en hex y RGB. La gráfica muestra las componentes R, G, B del color original y del complementario.
Modo 3: Operaciones bitwise con tabla bit a bit
Ingresas dos valores hex (A y B) y seleccionas la operación: AND, OR, XOR (binarias), NOT (unaria sobre A), << y >> (desplazamientos con n bits). Para AND/OR/XOR, la tabla de 16 bits muestra cada posición con los bits de A, B y el resultado, coloreados por valor (1 en teal, 0 en gris). La gráfica de barras agrupadas compara los valores de A, B y el resultado en decimal. Resultado siempre en hex, decimal, binario y octal.
3 Ejemplos Reales de Hexadecimal en América Latina
Caso 1: Color brand en CSS (Buenos Aires)
El color primario de PlanetaCalculadoras.com es #0E7C86. Un dev en Buenos Aires necesita saber: ¿cuáles son los RGB? ¿Cumple WCAG AA con texto blanco?
#0E7C86: R=14, G=124, B=134. Luminancia=0.195. Contraste con blanco: (1.05)/(0.195+0.05)=4.29:1. No cumple AA (necesita 4.5:1). Con negro: (0.195+0.05)/(0.05)=4.9:1. Sí cumple AA.
El cumplimiento de accesibilidad WCAG (Web Content Accessibility Guidelines) es cada vez más obligatorio en proyectos web públicos de toda América Latina. Las plataformas gubernamentales de México (gob.mx), Colombia (gov.co) y Chile (gob.cl) deben cumplir con WCAG 2.1 AA mínimo para ser accesibles a personas con discapacidad visual. Los estudios de diseño y agencias digitales de Buenos Aires, Bogotá y CDMX usan herramientas de contraste como esta para certificar que sus diseños son accesibles desde la fase de prototipo.
Caso 2: Máscara de bits en Arduino (Lima)
Un estudiante de Electrónica en Lima configura el puerto B de un AVR: quiere poner a 1 los bits 3, 2 y 0 (valor 0x0D=13=00001101) y verificar su estado actual (PINB=0xFF). ¿Cuál es PINB AND 0x0D?
0xFF AND 0x0D = 0x0D. 11111111 AND 00001101 = 00001101. La máscara extrae exactamente los bits 3, 2 y 0.
El uso de máscaras bitwise es fundamental en la programación de microcontroladores Arduino, PIC y STM32, muy populares en los clubes de makers y talleres de electrónica de Lima, Quito, Montevideo y Medellín. La operación AND con una máscara «extrae» los bits de interés; OR «pone a 1» bits específicos; XOR «alterna» bits. El IDE de Arduino y las hojas de datos (datasheets) de Microchip y ST Microelectronics expresan todas las configuraciones de registros en hexadecimal.
Caso 3: Conversión de IPv4 a hex (Colombia)
Un ingeniero de redes en Bogotá necesita representar la IP 192.168.10.255 en hexadecimal (formato usado en tablas ARP y análisis de paquetes Wireshark).
192=0xC0, 168=0xA8, 10=0x0A, 255=0xFF. IP en hex: C0.A8.0A.FF = 0xC0A80AFF (como entero de 32 bits = 3,232,238,335).
En análisis de tráfico de red con Wireshark, las IPs se muestran en hex en los headers de paquetes IP. Los ingenieros de redes que preparan la certificación CCNA de Cisco deben poder convertir IPs a hex de forma instantánea para entender las tablas de enrutamiento y ACLs. El formato hex de 32 bits es también el estándar para representar direcciones IPv4 en código C para programación de sockets: inet_addr() devuelve el valor en orden de bytes de red.
3 Consejos de Expertos para el Sistema Hexadecimal
Memoriza las potencias de 16: 16¹=16, 16²=256, 16³=4096, 16⁴=65536
Entender las potencias de 16 permite calcular rangos de memoria instantáneamente. Un registro de 2 bytes (16 bits, 4 dígitos hex) va de 0x0000 a 0xFFFF = 0 a 65535 (64K valores). Un registro de 4 bytes va de 0x00000000 a 0xFFFFFFFF = 4 GB de espacio de direccionamiento. Por eso los microprocesadores de 32 bits pueden direccionar hasta 4 GB de RAM. Los procesadores de 64 bits (0x0000000000000000 a 0xFFFFFFFFFFFFFF) tienen un espacio de direccionamiento teórico de 16 exabytes, aunque en la práctica solo usan 48 bits (256 TB).
En CSS, el shorthand #RGB es equivalente a #RRGGBB cuando cada par es idéntico
#FFF es idéntico a #FFFFFF (blanco). #000 = #000000 (negro). #F00 = #FF0000 (rojo puro). #0E7 no es un shorthand válido porque 0≠00, E≠EE, 7≠77. El shorthand solo funciona cuando el primer y segundo dígito de cada par son iguales. En CSS3 también existen colores de 4 y 8 dígitos con transparencia (#RGBA y #RRGGBBAA). Esta calculadora acepta #RGB y lo expande automáticamente a #RRGGBB.
XOR con 0xFF invierte todos los bits de un byte (complemento a 1)
Una forma práctica de invertir un byte en hex: XOR con 0xFF. 0xAB XOR 0xFF = 0x54 (AB=10101011, 54=01010100). Esto es el complemento a 1. Para el complemento a 2 (negativo en hardware), suma 1 al resultado: 0x54+1=0x55=-171 en complemento a 2. Este truco de XOR se usa frecuentemente en criptografía simple (cifrado XOR), en detección de errores (CRC) y en la evaluación de microcontroladores que usan NOT de un byte para verificar integridad de datos.
16 Preguntas Frecuentes sobre Hexadecimales
¿Qué es el sistema hexadecimal?
Sistema de numeración en base 16, con 16 dígitos: 0-9 y A-F (A=10, B=11, C=12, D=13, E=14, F=15). 1 dígito hex = 4 bits exactos = 1 nibble. 2 dígitos hex = 1 byte. Es la notación estándar en programación de sistemas, colores CSS, volcados de memoria y protocolos de red.
¿Cómo se convierte decimal a hexadecimal?
Algoritmo de divisiones sucesivas por 16, leyendo los restos de abajo a arriba. Ejemplo 255: 255÷16=15 r.15(F), 15÷16=0 r.15(F). Resultado: FF. En JavaScript: (255).toString(16) = ‘ff’. En Python: hex(255) = ‘0xff’.
¿Cómo se convierte hex a decimal?
Expansión posicional: cada dígito × 16^posición. FF = 15×16¹+15×16¶ = 240+15 = 255. 1A4F = 1×4096+10×256+4×16+15 = 4096+2560+64+15 = 6735. En JavaScript: parseInt(‘FF’,16) = 255.
¿Por qué los colores CSS son hex?
Los colores RGB tienen 3 canales de 8 bits cada uno (0-255). 2 dígitos hex representan exactamente 1 byte. Así #RRGGBB representa 3 bytes = 24 bits = 16,777,216 colores. Es la forma más compacta y precisa. CSS original (HTML 3.2, 1996) definió el formato #RRGGBB que se mantiene hasta hoy.
¿Qué es la luminancia WCAG?
Mide el brillo percibido de un color: L=0.2126R+0.7152G+0.0722B (con valores linealizados). El negro tiene L=0, el blanco L=1. El verde tiene mucho peso (0.7152) porque el ojo humano es más sensible al verde. El ratio de contraste entre dos colores de luminancias L1 y L2 es (max(L1,L2)+0.05)/(min(L1,L2)+0.05). WCAG 2.1 AA requiere 4.5:1 para texto normal y 3:1 para texto grande (14pt negrita o 18pt).
¿Qué es la operación AND bitwise?
AND (&) compara bit a bit: resultado 1 solo si AMBOS bits son 1. 0xFF & 0x0F = 0x0F (los 4 bits bajos quedan intactos, los 4 altos quedan a 0). Se usa como «máscara» para extraer bits específicos de un registro. Ejemplo Arduino: if (PINB & (1<<3)) → lee el bit 3 del puerto B.
¿Qué es la operación OR bitwise?
OR (|) compara bit a bit: resultado 1 si AL MENOS UN bit es 1. Se usa para «poner a 1» (set) bits específicos sin afectar los demás. Ejemplo: PORTB |= 0x10 pone el bit 4 a 1 sin cambiar los demás bits de PORTB. 0b10100000 | 0b00010000 = 0b10110000.
¿Qué es la operación XOR bitwise?
XOR (⊕) compara bit a bit: resultado 1 si los bits son DISTINTOS. Propiedades especiales: A XOR A = 0 (autoinverso), A XOR 0 = A (identidad). Se usa para alternar (toggle) bits: PORTB ^= 0x10 alterna el bit 4 cada vez que se ejecuta. También es la base del cifrado XOR y del cálculo de CRC en comunicaciones seriales.
¿Qué es el desplazamiento de bits (<< y >>)?
Left shift (<<): mueve todos los bits n posiciones a la izquierda, equivale a multiplicar por 2^n. 0x01 << 3 = 0x08 (1×2³=8). Right shift (>>): mueve n posiciones a la derecha, equivale a dividir por 2^n (entero). 0x10 >> 2 = 0x04 (16÷4=4). Se usan extensivamente en configuración de registros de microcontroladores: (1<<PB5) crea la máscara para el bit 5 del puerto B.
¿Cuál es el máximo valor de 2, 4, 6, 8 dígitos hex?
2 dígitos: 0xFF = 255 (1 byte). 4 dígitos: 0xFFFF = 65535 (2 bytes, 16 bits). 6 dígitos: 0xFFFFFF = 16,777,215 (3 bytes, 24 bits = máx color RGB). 8 dígitos: 0xFFFFFFFF = 4,294,967,295 (4 bytes, 32 bits = máx de un entero unsigned de 32 bits).
¿Qué son las direcciones MAC en hex?
Una dirección MAC (Media Access Control) identifica unívocamente cada dispositivo de red. Son 6 bytes (48 bits) en hex separados por : o -. Ejemplo: 00:1A:2B:3C:4D:5E. Los 3 primeros bytes (OUI) identifican al fabricante; los 3 últimos son asignados por el fabricante. Puedes ver la MAC de tu computadora con ipconfig /all (Windows) o ifconfig (Linux/Mac).
¿Qué es 0x en programación?
El prefijo 0x indica que el número siguiente está en hexadecimal. Es el estándar en C, C++, Java, Python y JavaScript. Ejemplos: 0xFF (255), 0x10 (16), 0x1000 (4096). En Python también existe 0b para binario (0b1010=10) y 0o para octal (0o17=15). En JavaScript: 0xFF === 255 // true.
¿Cómo se usa hex en las pantallas OLED/LCD?
Los controladores de pantallas OLED (como SSD1306 de Arduino) reciben comandos y datos como bytes en hex: 0xAE (display off), 0xAF (display on), 0x40 (set start line). Los píxeles en pantallas de color (ILI9341, ST7789) se envían como 2 bytes por píxel en formato RGB565: 5 bits rojo, 6 bits verde, 5 bits azul, representado en 4 dígitos hex (ej. blanco = 0xFFFF).
¿Cuál es el color complementario?
El color complementario es el que se ubica exactamente en el lado opuesto de la rueda cromática (180° en el círculo HSL). Para calcularlo: convierte RGB a HSL, suma 180 al tono (hue), y convierte de vuelta a RGB. Por ejemplo: #0E7C86 (teal, H=184°, S=81%, L=29%) → complementario: H=4° (rojo anaranjado), mismos S y L → #86200E aproximadamente. Los colores complementarios tienen el máximo contraste de tono entre sí.
¿Qué requiere WCAG para el contraste de colores?
WCAG 2.1 define niveles AA y AAA. Texto normal (menos de 18pt): AA requiere ratio 4.5:1, AAA requiere 7:1. Texto grande (18pt o 14pt negrita): AA requiere 3:1, AAA 4.5:1. El blanco (#FFF) tiene luminancia 1 y el negro (#000) tiene 0. El ratio máximo posible (blanco sobre negro) es 21:1. Esta calculadora evalúa automáticamente si el color cumple AA y AAA tanto sobre fondo blanco como negro.
¿Cómo se usa hex en ciberseguridad?
En análisis de malware, los analistas examinan bytes ejecutables en hex con herramientas como Ghidra o IDA Pro. Los hashes MD5, SHA-1 y SHA-256 se representan en hex (32, 40 y 64 dígitos respectivamente). Los exploits de buffer overflow se escriben con shellcode en bytes hex (Ì…). Las herramientas de captura de red (Wireshark, tcpdump) muestran los paquetes byte a byte en hex. Los Equipos de Ciberseguridad (CERTs) de América Latina que operan en México, Colombia y Brasil trabajan con hex a diario en la respuesta a incidentes.
Calculadoras Relacionadas
Aviso Legal y Transparencia Editorial
Metodología
Las conversiones usan parseInt(s,16) y .toString(16) de JavaScript. Los valores de luminancia WCAG siguen la fórmula de la especificación WCAG 2.1: L=0.2126R_lin+0.7152G_lin+0.0722B_lin con linealización gamma. Las operaciones bitwise usan enteros de 32 bits sin signo (>>> 0). Los colores complementarios se calculan via conversión RGB→HSL, rotación de hue +180°, y conversión HSL→RGB. Rango soportado: 0x00000000 a 0xFFFFFFFF (32 bits).
Referencias
Web Content Accessibility Guidelines (WCAG) 2.1, W3C. Patterson & Hennessy «Computer Organization and Design» (sobre representación hex). PlanetaCalculadoras.com no asume responsabilidad por el uso de estas evaluaciones WCAG en auditorías de accesibilidad formales.
