Kaedah JavaScript untuk menukar nilai warna heksadesimal kepada kemahiran RGB_javascript

Contoh dalam artikel ini menerangkan cara menukar nilai warna heksadesimal kepada RGB menggunakan JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

       
       
        16进制颜色值转RGB
       
        *{margin:0; padding:0;font-family:'Microsoft yahei'}
        .ganti{width:400px;height:210px;margin:0 auto;padding-top:40px;}
        .title{text-align:center;display:block}
          borang{width:200px;margin:30px auto;}
          input{outline:none;}
          input[type="button"][cursor:pointer;}
       
       
        fungsi hexToR(h) {
            kembalikan parseInt((cutHex(h)).substring(0, 2), 16)
        }
        fungsi hexToG(h) {
            kembalikan parseInt((cutHex(h)).substring(2, 4), 16)
        }
        fungsi hexToB(h) {
            kembalikan parseInt((cutHex(h)).substring(4, 6), 16)
        }
        fungsi cutHex(h) {
            kembalikan h.charAt(0) == "#" ? h.substring(1, 7) : h
        }
        set fungsiBgColorById(id, sColor) {
            var elems;
            if (document.getElementById) {
                if (elems = document.getElementById(id)) {
                    if (elems.style) elems.style.backgroundColor = sColor;
                }
            }
         }
       
       
       
           

                JavaScript原生16进制颜色值转RGB值
                

                    
              
              


                   R:
G:
                  B:
                             

                                                                                                                                                                                                                                                         

Kesan operasi adalah seperti yang ditunjukkan di bawah:

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn