うさのJavaScript講座

トップへ
うさのJavaScript講座色いろいろ
背景色
背景色とテキスト色の色合いを見てみてみます。ここでの色とはHTMLでも利用する16進数の値です。

背景色をJavaScriptで変えてみます。
背景色を＃(16進数で６桁だよ）へ変更する
＠うさ #000000
＠うさ #000033
＠うさ #000066
＠うさ #000099
＠うさ #0000CC
＠うさ #0000FF 		＠うさ #003300
＠うさ #003333
＠うさ #003366
＠うさ #003399
＠うさ #0033CC
＠うさ #0033FF 		＠うさ #006600
＠うさ #006633
＠うさ #006666
＠うさ #006699
＠うさ #0066CC
＠うさ #0066FF 		＠うさ #009900
＠うさ #009933
＠うさ #009966
＠うさ #009999
＠うさ #0099CC
＠うさ #0099FF 		＠うさ #00CC00
＠うさ #00CC33
＠うさ #00CC66
＠うさ #00CC99
＠うさ #00CCCC
＠うさ #00CCFF 		＠うさ #00FF00
＠うさ #00FF33
＠うさ #00FF66
＠うさ #00FF99
＠うさ #00FFCC
＠うさ #00FFFF
＠うさ #330000
＠うさ #330033
＠うさ #330066
＠うさ #330099
＠うさ #3300CC
＠うさ #3300FF 		＠うさ #333300
＠うさ #333333
＠うさ #333366
＠うさ #333399
＠うさ #3333CC
＠うさ #3333FF 		＠うさ #336600
＠うさ #336633
＠うさ #336666
＠うさ #336699
＠うさ #3366CC
＠うさ #3366FF 		＠うさ #339900
＠うさ #339933
＠うさ #339966
＠うさ #339999
＠うさ #3399CC
＠うさ #3399FF 		＠うさ #33CC00
＠うさ #33CC33
＠うさ #33CC66
＠うさ #33CC99
＠うさ #33CCCC
＠うさ #33CCFF 		＠うさ #33FF00
＠うさ #33FF33
＠うさ #33FF66
＠うさ #33FF99
＠うさ #33FFCC
＠うさ #33FFFF
＠うさ #660000
＠うさ #660033
＠うさ #660066
＠うさ #660099
＠うさ #6600CC
＠うさ #6600FF 		＠うさ #663300
＠うさ #663333
＠うさ #663366
＠うさ #663399
＠うさ #6633CC
＠うさ #6633FF 		＠うさ #666600
＠うさ #666633
＠うさ #666666
＠うさ #666699
＠うさ #6666CC
＠うさ #6666FF 		＠うさ #669900
＠うさ #669933
＠うさ #669966
＠うさ #669999
＠うさ #6699CC
＠うさ #6699FF 		＠うさ #66CC00
＠うさ #66CC33
＠うさ #66CC66
＠うさ #66CC99
＠うさ #66CCCC
＠うさ #66CCFF 		＠うさ #66FF00
＠うさ #66FF33
＠うさ #66FF66
＠うさ #66FF99
＠うさ #66FFCC
＠うさ #66FFFF
＠うさ #990000
＠うさ #990033
＠うさ #990066
＠うさ #990099
＠うさ #9900CC
＠うさ #9900FF 		＠うさ #993300
＠うさ #993333
＠うさ #993366
＠うさ #993399
＠うさ #9933CC
＠うさ #9933FF 		＠うさ #996600
＠うさ #996633
＠うさ #996666
＠うさ #996699
＠うさ #9966CC
＠うさ #9966FF 		＠うさ #999900
＠うさ #999933
＠うさ #999966
＠うさ #999999
＠うさ #9999CC
＠うさ #9999FF 		＠うさ #99CC00
＠うさ #99CC33
＠うさ #99CC66
＠うさ #99CC99
＠うさ #99CCCC
＠うさ #99CCFF 		＠うさ #99FF00
＠うさ #99FF33
＠うさ #99FF66
＠うさ #99FF99
＠うさ #99FFCC
＠うさ #99FFFF
＠うさ #CC0000
＠うさ #CC0033
＠うさ #CC0066
＠うさ #CC0099
＠うさ #CC00CC
＠うさ #CC00FF 		＠うさ #CC3300
＠うさ #CC3333
＠うさ #CC3366
＠うさ #CC3399
＠うさ #CC33CC
＠うさ #CC33FF 		＠うさ #CC6600
＠うさ #CC6633
＠うさ #CC6666
＠うさ #CC6699
＠うさ #CC66CC
＠うさ #CC66FF 		＠うさ #CC9900
＠うさ #CC9933
＠うさ #CC9966
＠うさ #CC9999
＠うさ #CC99CC
＠うさ #CC99FF 		＠うさ #CCCC00
＠うさ #CCCC33
＠うさ #CCCC66
＠うさ #CCCC99
＠うさ #CCCCCC
＠うさ #CCCCFF 		＠うさ #CCFF00
＠うさ #CCFF33
＠うさ #CCFF66
＠うさ #CCFF99
＠うさ #CCFFCC
＠うさ #CCFFFF
＠うさ #FF0000
＠うさ #FF0033
＠うさ #FF0066
＠うさ #FF0099
＠うさ #FF00CC
＠うさ #FF00FF 		＠うさ #FF3300
＠うさ #FF3333
＠うさ #FF3366
＠うさ #FF3399
＠うさ #FF33CC
＠うさ #FF33FF 		＠うさ #FF6600
＠うさ #FF6633
＠うさ #FF6666
＠うさ #FF6699
＠うさ #FF66CC
＠うさ #FF66FF 		＠うさ #FF9900
＠うさ #FF9933
＠うさ #FF9966
＠うさ #FF9999
＠うさ #FF99CC
＠うさ #FF99FF 		＠うさ #FFCC00
＠うさ #FFCC33
＠うさ #FFCC66
＠うさ #FFCC99
＠うさ #FFCCCC
＠うさ #FFCCFF 		＠うさ #FFFF00
＠うさ #FFFF33
＠うさ #FFFF66
＠うさ #FFFF99
＠うさ #FFFFCC
＠うさ #FFFFFF

ソースはこちらです。
function ChangeBack()
{
var strColorCode;
var strInput;
strInput = document.forms["frmBack"].elements["txtColor"].value;
if (strInput.length != 6)
{
alert("カラーコードは16進数の6桁だよ");
return;
}
strColorCode = "#" + strInput;
document.bgColor = strColorCode;
}
テキスト色
文章内容記載日：2000/06/01
最終更新日： 2006/10/19