Si alguna vez escribiste un código de color como #FF5733 en un archivo CSS, ya usaste el sistema numérico hexadecimal, lo supieras o no. Los sistemas numéricos binario y hexadecimal no son simples curiosidades abstractas de las ciencias de la computación; aparecen en lugares con los que un diseñador web principiante se topa constantemente, desde las direcciones IP hasta los códigos de color exactos que se usan en cada hoja de estilos.
Un número binario es parte de un sistema numérico expresado usando solo 0 y 1, la base del código binario que el hardware de las computadoras usa para comunicarse. El hexadecimal, o “hex”, es un sistema de base 16 que comprime valores binarios largos en algo mucho más compacto y legible para las personas.
Esta guía cubre cómo funcionan los números binarios, cómo convertir números decimales a binario, cómo se aplica el binario a las direcciones IP, cómo se usa el hexadecimal para construir y comprimir direcciones IPv6, y cómo ese mismo sistema hexadecimal aparece en los códigos de color CSS que ya usas todos los días.
¿Qué Son los Números Binarios?
Las computadoras, los dispositivos de red y las máquinas usan el sistema binario por su simplicidad: usar solo dos estados facilita el trabajo del hardware construido sobre señales eléctricas, donde 1 significa “encendido” y 0 significa “apagado”. Cada cálculo dentro de una computadora se reduce, en última instancia, a millones de transistores que cambian entre estos dos estados.
Esos 0 y 1 no significan solo “encendido” o “apagado” en sentido literal: los dispositivos interpretan estas señales para representar todo, desde texto hasta imágenes y direcciones de red.
¿Por Qué Aprender Binario y Hexadecimal?
Entender cómo convertir números entre decimal, binario y hexadecimal es realmente útil para un diseñador web principiante, en especial al aprender sobre las direcciones IP y la creación de subredes, y, como verás más adelante en esta guía, el hexadecimal también aparece directamente en los códigos de color CSS.
Cómo Convertir Números Decimales a Binario
La mayoría de los números se representan con el sistema decimal, que es de base 10:
- Decimal: de “deci”, que significa 10
- Binario: de “bi”, que significa 2
El sistema decimal usa diez dígitos únicos, del 0 al 9. El sistema binario usa solo dos: 0 y 1. Cada dígito binario se llama bit.
Si estudias para un examen CCNA o Network+, necesitarás convertir una dirección IP a binario. Usa la tabla de abajo para convertir entre decimal y binario.
Tabla Básica de Conversión de Decimal a Binario
| Exponente | 2⁷ | 2⁶ | 2⁵ | 2⁴ | 2³ | 2² | 2¹ | 2⁰ |
|---|---|---|---|---|---|---|---|---|
| Decimal | 128 | 64 | 32 | 16 | 8 | 4 | 2 | 1 |
| Binario | 1 | 0 | 1 | 0 | 0 | 1 | 1 | 0 |
Ejemplo: convertir el número binario 10100110 a decimal.
Lee la tabla de derecha a izquierda. Cada columna representa 2 elevado a un exponente creciente. Suma los valores decimales siempre que el dígito binario sea 1, y omite las columnas con 0; esos bits están “apagados”:
128 + 32 + 4 + 2 = 166
En la práctica, la mayoría de las personas usa una calculadora para esta conversión en lugar de hacerla a mano.
Cómo Convertir una Dirección IPv4 a Binario
Una dirección IPv4 es un número de 32 bits que identifica de forma única una interfaz de red de un dispositivo. Normalmente se escribe como cuatro números decimales (llamados octetos), separados por puntos, y cada octeto tiene un valor entre 0 y 255.
Usando la tabla de conversión anterior, así se convierten a binario algunas direcciones IPv4 reales:
Ej.1
192.168.0.12
11000000.10101000.00000000.00001100
Ej.2
172.16.0.5
10101100.00010000.00000000.00000101
Ej.3
10.0.1.11
00001010.00000000.00000001.00001011
¿Qué Es el Sistema Numérico Hexadecimal?
El hexadecimal, o “hex”, es un sistema numérico de base 16. Usa 16 caracteres alfanuméricos (los dígitos del 0 al 9, más las letras de la A a la F) para representar valores.
Cómo Usa IPv6 el Hexadecimal
A medida que explotó la cantidad de dispositivos conectados a la red, la industria necesitó un suministro de direcciones únicas mucho mayor del que IPv4 podía ofrecer. Esa necesidad llevó a IPv6, que usa hexadecimal en lugar de decimal.
Una dirección IPv6 consta de ocho grupos de valores hexadecimales separados por dos puntos. Los primeros 64 bits manejan el enrutamiento (el prefijo de enrutamiento y el ID de subred), mientras que los últimos 64 bits identifican la interfaz específica del dispositivo, normalmente derivada de su dirección MAC con el formato de Identificador Único Extendido (EUI-64) del IEEE.
Convertir una Dirección IPv6 a Hexadecimal
Igual que IPv4, una dirección IPv6 puede convertirse de y hacia binario. Esta es una dirección IPv6 de 128 bits en binario, dividida en ocho bloques de 16 bits:
0010000000000001 0000000000000000 0011001000111000 1101111111100001 0000000001100011 0000000000000000 0000000000000000 1111111011111011
Cada bloque de 16 bits se convierte en un grupo hexadecimal de 4 caracteres, separados por dos puntos:
2001:0000:3238:DFE1:0063:0000:0000:FEFB
Incluso en hexadecimal, sigue siendo una dirección larga de leer o recordar, y es justo por eso que IPv6 incluye reglas para acortarla.
Cómo Comprimir una Dirección IPv6
La compresión de IPv6 facilita que las personas lean y recuerden direcciones largas, usando dos reglas sencillas aplicadas en orden:
| Paso | Regla | Resultado |
|---|---|---|
| 1 | Elimina los ceros iniciales de cada grupo | 2001:0000:3238:DFE1:0063:0000:0000:FEFB → 2001:0:3238:DFE1:63:0:0:FEFB |
| 2 | Reemplaza una serie de grupos consecutivos de solo ceros con :: (solo una vez por dirección) | 2001:0:3238:DFE1:63:0:0:FEFB → 2001:0:3238:DFE1:63::FEFB |
Los dos puntos dobles (::) solo pueden aparecer una vez en una dirección, ya que usarlos más de una vez haría ambigua la dirección al expandirla de nuevo.
El Hexadecimal en el Diseño Web: Códigos de Color CSS
Aquí es donde esto se conecta directamente con el trabajo cotidiano del diseño web: todo código de color hexadecimal CSS de 6 caracteres, como #FF5733, es hexadecimal.
- El código se divide en tres pares:
FF,57y33. - Cada par representa la intensidad de un canal de color (rojo, verde y azul) en una escala de
00aFF. - En decimal, ese rango va de 0 a 255, ya que
FFen hexadecimal equivale a 255 en decimal.
Así que #FF5733 significa: rojo en 255 (máximo), verde en 87 y azul en 51; las mismas matemáticas que se usan para convertir direcciones IP, aplicadas al color en lugar de a las redes.
Conclusión
Los sistemas numéricos binario y hexadecimal son la columna vertebral de cómo las computadoras representan y mueven la información: desde los 1 y 0 dentro de un transistor, hasta las direcciones IP que enrutan el tráfico por una red, y los códigos de color hexadecimales que dan estilo a cada sitio web que construyes. Convertir entre binario, decimal y hexadecimal también es una habilidad central que se evalúa en certificaciones de TI como CompTIA Network+ y CCNA.
No necesitas convertirte en un experto en matemáticas para aprovechar esta guía. Basta con entender la lógica básica (el binario como base 2, el hexadecimal como base 16 y el decimal como el sistema de base 10 que ya usas todos los días) para que las direcciones IP, la compresión de IPv6 e incluso los códigos de color CSS resulten notablemente más fáciles de razonar. La próxima vez que elijas un color hexadecimal para un diseño, sabrás exactamente lo que esos seis caracteres realmente están haciendo.