Maison  >  Article  >  interface Web  >  Méthode JavaScript pour convertir la valeur de couleur hexadécimale en compétences RGB_javascript

Méthode JavaScript pour convertir la valeur de couleur hexadécimale en compétences RGB_javascript

WBOY
WBOYoriginal
2016-05-16 16:15:061360parcourir

L'exemple de cet article décrit comment convertir des valeurs de couleur hexadécimales en RVB à l'aide de JavaScript. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :


       
       
        16进制颜色值转RGB
       
        <script><br>         fonction hexToR(h) {<br>             return parseInt((cutHex(h)).substring(0, 2), 16)<br>         ><br>         fonction hexToG(h) {<br>             return parseInt((cutHex(h)).substring(2, 4), 16)<br>         ><br>         fonction hexToB(h) {<br>             return parseInt((cutHex(h)).substring(4, 6), 16)<br>         ><br>         fonction cutHex(h) {<br>             return h.charAt(0) == "#" ? h.substring(1, 7) : h<br>         ><br>         fonction setBgColorById(id, sColor) {<br>             var éléments;<br>             if (document.getElementById) {<br>                 if (elems = document.getElementById(id)) {<br>                     if (elems.style) elems.style.backgroundColor = sColor;<br>                 ><br>             ><br>          ><br>         </script>
       

       
           

               
                
                    
              
              


                   R :
G :
                  B :
                                                                                                                                                                           


L'effet de l'opération est comme indiqué ci-dessous :

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn