Qué es un código de color hexadecimal
Si alguna vez elegiste un color para una página web, habrás visto códigos como este. Con letras mezcladas parece un mensaje cifrado, pero en realidad son los 0 y 1 de la lección anterior con otra ropa. Vamos a quitarle las capas una por una.
Cuatro 0 y 1 en un solo carácter
En la lección anterior vimos que todo se escribe con 0 y 1.
Pero una fila larga de 0 y 1 es difícil de leer y fácil de confundir.
Por eso se agrupan de cuatro en cuatro y cada grupo se reduce a un solo carácter.
Con cuatro bits se forman exactamente dieciséis combinaciones, del 0 al 15.
Cuatro interruptores dan dieciséis valores, del 0 al 15, y cada uno se escribe con un carácter.
Hay un problema.
Cuando llegas a dos cifras, como 10, 11 o 12, cuesta saber si es un carácter o son dos.
Así que hizo falta otra regla ingeniosa.
Después del 9 viene la A
Nuestros dígitos solo llegan hasta el 9.
Pero el sistema hexadecimal (base 16) tiene que mostrar hasta el quince con un solo carácter, así que le faltan seis.
Esos huecos se llenaron con letras.
Después del 9 viene la A, luego la B, y así hasta la F.
Diez dígitos más seis letras: dieciséis valores, uno por carácter.
O sea, la A vale diez y la F vale quince.
Nunca fue un código temible, solo letras prestadas porque se acabaron los dígitos.
Los colores de la pantalla mezclan tres luces
Pasemos ahora a los colores de la pantalla.
Todos los colores de una pantalla se forman mezclando tres luces: rojo, verde y azul.
La intensidad de cada una decide el color.
Mueve los tres controles deslizantes de abajo y el color cambia al instante.
Con las tres apagadas sale negro; con las tres al máximo, blanco.
Si ajustas cada luz entre 0 y 255, obtienes más de dieciséis millones de colores.
Pero ¿no te suena el código que aparece junto al color?
Corta #FAA832 en tres trozos
Un código de color no es más que los valores de rojo, verde y azul escritos en hexadecimal y puestos uno junto a otro.
Si cortas los seis caracteres de dos en dos, salen tres trozos.
El primer par es el rojo, el del medio es el verde y el último es el azul.
Léelo de dos en dos caracteres.
La F vale 15 y la A vale 10.
Así que FA es 16 por 15 más 10, es decir, 250.
Leído del mismo modo, #FAA832 significa rojo 250, verde 168 y azul 50, y el resultado es este amarillo cálido.
Ahora sí puedes leer el código
Cuando le agarras el truco, con solo ver el código intuyes más o menos qué color es.
Los colores de abajo son un ejemplo.
Si el valor del rojo es grande, el color tira a rojo; si los tres son grandes, es claro.
Ya no es un código secreto.
Si los tres valores son grandes, el color es claro; si solo uno es grande, ese color domina.