Saltar al contenido

cómo convertir hexadecimal a rgb ejemplo de código javascript

Nuestro grupo de expertos pasados ciertos días de trabajo y recopilar de datos, obtuvieron los datos necesarios, nuestro deseo es que todo este artículo sea de utilidad en tu trabajo.

Ejemplo 1: javascript rgb a hexadecimal

functionrgbToHex(r, g, b)return"#"+((1<<24)+(r <<16)+(g <<8)+ b).toString(16).slice(1);functionhexToRgb(hex)var result =/^#?([a-fd]2)([a-fd]2)([a-fd]2)$/i.exec(hex);if(result)var r=parseInt(result[1],16);var g=parseInt(result[2],16);var b=parseInt(result[3],16);return r+","+g+","+b;//return 23,14,45 -> reformat if needed returnnull;console.log(rgbToHex(10,54,120));//#0a3678console.log(hexToRgb("#0a3678"));//"10,54,120"

Ejemplo 2: convertir código hexadecimal a javascript rgb

functionhexToRgb(hex)var result =/^#?([a-fd]2])([a-fd]2)([a-fd]2)$/i.exec(hex);return result ?
    	r:parseInt(result[1],16);
      	g:parseInt(result[2],16);
  		b:parseInt(result[3],16);:null;var hex ="#0a3678";console.log(hexToRgb(hex).r+","+hexToRgb(hex).g+","+hexToRgb(hex).b);//10,54,120

Ejemplo 3: hexadecimal a rgb array js

functionhexToRgb(hex)// Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")var shorthandRegex =/^#?([a-fd])([a-fd])([a-fd])$/i;
  hex = hex.replace(shorthandRegex,function(m, r, g, b)return r + r + g + g + b + b;);var result =/^#?([a-fd]2)([a-fd]2)([a-fd]2)$/i.exec(hex);return result ?[parseInt(result[1],16),parseInt(result[2],16),parseInt(result[3],16)]:null;alert(hexToRgb("#0033ff").g);// "51";alert(hexToRgb("#03f").g);// "51";

Calificaciones y comentarios

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *