Cambiar un Color de Decimal a Hexadecimal y Viceversa

Funciones para cambiar colores de una representación decimal rgb(255,0,160) a una representación hexadecimal (#FF00A0) y viceversa.

A veces queremos que un script maneje adecuadamente colores en hexadecimal para asignarlos a estilos dinámicamente pero los colores se manejan como cadenas de caracteres, de modo que debemos manipular cada componente con un cambio de base.

Primero, de una cadena que contiene un color en hexadecimal (que podríamos haber obtenido del estilo actual de un elemento en la página) cambiamos a su representación decimal por componente:

var HexNum = "#AB0F95" var nums = "0123456789ABCDEF" var Red = nums.indexOf(HexNum.charAt(1)) * 16 + nums.indexOf(HexNum.charAt(2)) var Green = nums.indexOf(HexNum.charAt(3)) * 16 + nums.indexOf(HexNum.charAt(4)) var Blue = nums.indexOf(HexNum.charAt(5)) * 16 + nums.indexOf(HexNum.charAt(6))

En este punto viene la manipulación "interna" del color, sea lo que sea que queramos hacer con él o lo que el usuario este permitido a hacer, en este caso simplemente restaremos 5 al componente rojo, sumaremos 15 al verde y el azul será igual a su complemento:

Red -= 5 Green += 15 Blue = 255 - Blue

Posteriormente, volvemos a la notación hexadecimal:

function DecToHex(DecNum) { var nums = "0123456789ABCDEF" if (DecNum > 255) return null var i = DecNum % 16 var j = Math.round((DecNum - i) / 16) var result = '' result += nums.charAt(j) result += nums.charAt(i) return result } var HexColor = '#'+DecToHex(Red)+DecToHex(Green)+DecToHex(Blue)

Y listo, su valor será ahora "#A61E6A".