Si sos fotógrafo o diseñador gráfico, seguramente has escuchado hablar del sistema hexadecimal para definir colores en internet y programas de edición de imágenes como Photoshop. Este sistema de notación de colores es ampliamente utilizado debido a su flexibilidad y precisión en la definición de tonos específicos. En esta nota, te explicamos qué es el sistema hexadecimal, cómo funciona y cómo puedes utilizarlo para seleccionar y personalizar tus propios colores con precisión en tus proyectos de fotografía y diseño.

El sistema hexadecimal es un sistema de numeración que utiliza la base 16 (16 valores posibles). En este sistema, se utilizan 16 símbolos diferentes para representar los números del 0 al 15. Estos símbolos son los números del 0 al 9 y las letras A, B, C, D, E y F. Cada uno de estos símbolos tiene un valor numérico asignado, que va desde 0 hasta 15.

Valores mayores a 16

Si necesitamos valores por encima de 16 usaremos dos dígitos de la siguiente forma:

0E = 15

0F = 16

10= 17

11 = 18

12 = 19

….

Cada posición en un número hexadecimal representa una potencia de 16. La posición más a la derecha representa 16 elevado a la potencia de 0 (16^0), la siguiente posición a la izquierda representa 16 elevado a la potencia de 1 (16^1), y así sucesivamente. Por lo tanto, para calcular el valor total de un número hexadecimal de dos dígitos, se multiplica el valor del primer dígito por 16 y se suma con el valor del segundo dígito.

Por ejemplo, el número hexadecimal «2F» representa un valor en decimal de (2 x 16) + 15, que es igual a 47. En este caso, el primer dígito «2» tiene un valor de 2×16=32, mientras que el segundo dígito «F» tiene un valor de 15.

De manera similar, el número hexadecimal «BA» representa un valor en decimal de (11 x 16) + 10, que es igual a 186. El primer dígito «B» tiene un valor de 11×16=176, mientras que el segundo dígito «A» tiene un valor de 10.

Usos cotidianos

En la informática, el sistema hexadecimal se utiliza para representar por ejemplo los colores. Cada color se representa mediante una combinación de tres pares de valores hexadecimales, uno para cada uno de los componentes red (rojo), green (verde) y blue (azul). Cada uno de estos pares de valores va desde 00 hasta FF, lo que significa que hay un total de 256 valores posibles para cada componente de color. Siempre se acompaña con el prefijo #.

#RRGGBB

Tomemos el ejemplo de #38F3A2 que representa un tono turquesa intenso. Este código de color se puede desglosar en sus componentes RGB (rojo, verde, azul) para entender mejor cómo se forma el color:

• El primer par de dígitos «38» representa la intensidad de rojo en el color, que es de 56 en decimal.
• El segundo par de dígitos «F3» representa la intensidad de verde en el color, que es de 243 en decimal.
• El tercer par de dígitos «A2» representa la intensidad de azul en el color, que es de 162 en decimal.

Esto es igual a: Red: 38 | Green: 243 | Blue:A2

El color blanco se representa en hexadecimal como #FFFFFF. Esto significa que el valor del componente rojo, verde y azul es FF, valor máximo o sea (255,255,255). Esto nos dará blanco.
El color negro, por otro lado, se representa como #000000, lo que significa que todos los componentes de color tienen un valor de 0.

Veamos otros ejemplos:

Su uso en Photoshop

En Photoshop, para definir un color RGB en hexadecimal, puedes seleccionar la herramienta de selección de color y escribir el valor hexadecimal en el cuadro de diálogo. También puedes utilizar la herramienta de cuenta gotas para seleccionar un color de una imagen existente y obtener su valor hexadecimal.

Cuando necesitamos copiar un color o pasarlo a otro medio es más simple y rápido copiar su valor hexadecimal.