ホームページ  >  記事  >  ウェブフロントエンド  >  16 進数のカラー値を RGB_javascript スキルに変換する JavaScript メソッド

16 進数のカラー値を RGB_javascript スキルに変換する JavaScript メソッド

WBOY
WBOYオリジナル
2016-05-16 16:15:061390ブラウズ

この記事の例では、JavaScript を使用して 16 進数のカラー値を RGB に変換する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:


        <頭>
       
        16进制颜色值转RGB
        <スタイル>
        *{margin:0;padding:0;font-family:'Microsoft yahei'}
        .replace{幅:400px;高さ:210px;margin:0 auto;padding-top:40px;}
        .title{text-align:center;display:block}
          フォーム{幅:200px;マージン:30px 自動;}
          input{アウトライン:なし;}
          input[type="button"]{カーソル:ポインタ;}
       
        <スクリプト>
        関数 hexToR(h) {
            return parseInt((cutHex(h)).substring(0, 2), 16)
        }
        関数 hexToG(h) {
            return parseInt((cutHex(h)).substring(2, 4), 16)
        }
        関数 hexToB(h) {
            return parseInt((cutHex(h)).substring(4, 6), 16)
        }
        関数cutHex(h) {
            return h.charAt(0) == "#" ? h.substring(1, 7) : h
        }
        function setBgColorById(id, sColor) {
            var elems;
            if (document.getElementById) {
                if (elems = document.getElementById(id)) {
                    if (elems.style) elems.style.backgroundColor = sColor;
                }
            }
         }
       
       
       
           

                JavaScript原生16进制颜色值转RGB值
                 <フォーム名="rgb">
                    
              
              


                   R:
G:
B:
                                                                                                                       


操作効果は以下の通りです:

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。