この記事の例では、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: