HOME 　>>> 　HTML整理ノート 　>>> DHTML -- 基本編　　　応用編

16進数のRGB色値指定

下のテキストBoxに16進数でRGB色値を入力し、[TAB]キー又は他の部分をクリックすれば横のBoxにその色が反映する。(色値を指定し、色を比較するテスト用に作成しました）　

#==
#==
#==
#==
#==
#==
#==
#==
#==
#==

代表的な色例

#ffffff
#ffff00
#ff00ff
#ff0000
#00ffff
#00ff00
#0000ff
#000000

　

HTML Source......................................................................>>>

<style TYPE="text/css"><!--
input {
color:red;font:14pt;
}
.col {
width:100;height:30;background-color:silver;border:1 solid;
}
--></style>
<script language="JavaScript"><!--
function ChColor(txt,c){
var el = document.all("sp" + c);
el.style.backgroundColor = txt.value;
}

function AllClear(){
for(i = 0;i < 10;i++){
el = document.all("c" + i);
el.value = "";
sp = document.all("sp" + i);
sp.style.backgroundColor = "silver";
}
}
//--></script>
</head>

<body>

end(最終更新:12/11/6)