Convierte valores RGB en un código HEX

Divide cada canal entre 16. El cociente es el primer carácter de la pareja y el resto el segundo, y los números del 10 al 15 se escriben con las letras de la A a la F. El canal 59 da 3 y un resto de 11, es decir la pareja 3B.

Fórmula: escribe cada canal como dos caracteres hexadecimales y une las parejas en el orden rojo, verde, azul.

Con el mismo cálculo 130 se convierte en 82 y 246 en F6, así que rgb(59, 130, 246) se escribe como #3B82F6. Un canal por debajo de 16 lleva un cero delante para que la pareja tenga siempre dos caracteres, de modo que el valor 10 se escribe 0A.

Los grises tienen los tres canales iguales, así que sus códigos constan de tres parejas idénticas: 51 da #333333 y 204 da #CCCCCC. Un código así lo acortas a tres caracteres y el navegador vuelve a desplegarlo.

En sentido contrario el cálculo se apoya en el mismo número, solo que multiplicas cada pareja por 16 y sumas el segundo carácter. El convertidor de HEX a RGB hace todo el trabajo por ti.

RGB describe un color con tres números, uno por cada canal rojo, verde y azul. Cada uno queda entre 0 y 255, porque esos son los pasos de brillo que tiene un canal en la codificación de color de veinticuatro bits. Tres canales de 256 pasos dan juntos 16.777.216 colores[1].

La notación hexadecimal da esos mismos tres números en otro sistema de numeración. Un canal tiene 256 pasos, que es justo lo que caben en dos caracteres hexadecimales, así que cada canal ocupa en el código exactamente dos posiciones. El color entero se queda en seis caracteres, sin comas ni paréntesis.

Esa brevedad decide dónde te encuentras cada notación. Los códigos HEX están en las hojas de estilo, en los campos de color de Figma y en los manuales de marca. Los valores RGB aparecen en la pestaña Computed del navegador, en los selectores de los programas de diseño y allí donde el color entra en un cálculo.

La especificación CSS Color Level 4 admite cuatro longitudes de código: tres, cuatro, seis y ocho caracteres[2]. La versión de tres funciona donde los dos caracteres de la pareja coinciden, porque el navegador la despliega repitiéndolos. Las versiones de cuatro y de ocho añaden la opacidad al final.

Ambas formas describen el color en el mismo espacio sRGB, que el W3C adoptó para HTML y CSS[1]. Un canal escrito como 255 y ese mismo canal escrito como FF son exactamente el mismo tono.

Pon los canales en las celdas A1, B1 y C1 y escribe en una cuarta celda la fórmula ="#"&DEC.A.HEX(A1;2)&DEC.A.HEX(B1;2)&DEC.A.HEX(C1;2). Para los valores 59, 130 y 246 devuelve #3B82F6.

El 2 de cada llamada es el argumento caracteres, que rellena el resultado con ceros por delante[3]. Un código de color necesita exactamente dos caracteres por canal, y un canal con el valor 10 daría una A suelta sin ese argumento.

Copiando la celda hacia abajo conviertes una columna entera. En la versión inglesa del programa la función se llama DEC2HEX, y los argumentos se separan con una coma.