セーフカラー一覧表
256色でも色化けなく表示できる色一覧表示。
目次に戻る

● 設置例
背景色
文字色
→B ↓G ↓↓R | →R ↓B ↓↓G | →G ↓R ↓↓B

セーフカラー(256色ディスプレイでも色化けなく表示できる色)の一覧を表示します。
クリックするとその色に文字色(背景色)が変更されます。

●ソース
1・JavaScript

<script type="text/javascript">
<!--
function GetParam(key){
	temp=window.location.search;
	index=temp.indexOf(key + "=");
	if(index>=0){
		temp=temp.substr(index + key.length + 1);
		endparam=temp.indexOf("&");
		if(endparam!=-1){
			temp=temp.substr(0,endparam);
		}
		return temp;
	}else{
		return false;
	}
}

function SafeColorList(mode){
	//mode:0 →B ↓G ↓↓R
	//mode:1 →R ↓B ↓↓G
	//mode:2 →G ↓R ↓↓B

	if(mode!=1 && mode!=2) mode=0;
	colcode="";

	document.write("<tt>");
	for(i=0;i<=5;i++){
		for(j=0;j<=5;j++){
			for(k=0;k<=5;k++){
				if(mode==0){
					colcode=RGBHtml(i*51, j*51, k*51);
				}else if(mode==1){
					colcode=RGBHtml(k*51, i*51, j*51);
				}else if(mode==2){
					colcode=RGBHtml(j*51, k*51, i*51);
				}
				
				document.write("<span onClick=\"ChangeColor('"+colcode+"');return false;\">");
				document.write("■".fontcolor(colcode)+colcode+"</span> ");
			}
			document.write("<br>");
		}
		document.write("<br><br>");
	}
	document.write("</tt>");
}

function RGBHtml(r,g,b){
	if(r<16)	r="0"+r.toString(16);
	else		r=r.toString(16);
	if(g<16)	g="0"+g.toString(16);
	else		g=g.toString(16);
	if(b<16)	b="0"+b.toString(16);
	else		b=b.toString(16);
	return	"#"+r+g+b;
}

function ChangeColor(color){
	if(document.f.r[0].checked==true){
		document.f.t[0].value=color;
		document.bgColor=color;
	}else{
		document.f.t[1].value=color;
		document.fgColor=color;
	}
}
//-->
</script>


2・表示部分

<form name="f">
<input type="text" value="#ffffff" name="t" size="10" readonly>
<input type="radio" name="r" checked>背景色
<br>
<input type="text" value="#000000" name="t" size="10" readonly>
<input type="radio" name="r">文字色
<br>
<a href="./js_safecolor.htm?mode=0">→B ↓G ↓↓R</a> |
<a href="./js_safecolor.htm?mode=1">→R ↓B ↓↓G</a> |
<a href="./js_safecolor.htm?mode=2">→G ↓R ↓↓B</a>
</form>

<script type="text/javascript">
<!--
	SafeColorList();
//-->
</script>

●設置方法
上記の1・JavaScriptをHTMLソース内<head>〜</head>に、
2・表示部分を<body>〜</body>の任意箇所に貼り付けてください。


目次に戻る