2007. 6. 28. 13:00
아래문서를...메모장이나..드림위버나..뭐..하여간..
에디터등을 이용해서..htm파일로 만들어 실행시키면..언제든지 간단하게..원하는 색상값을 찾을수 있겠습니다...(누가 만들었는지..원..멋져)
<html>
<head>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<SCRIPT LANGUAGE="JavaScript">
<!-- 만든 넘 : D10n (biab@iinet.net.au) -->
<!-- 그넘 홈 : http://www.iinet.net.au/~biab -->
<!-- 수정한 넘 : 윤면용 -->
<!-- 수정한 홈 : http://www.dhtmldot.com -->
<!-- 또수정한 넘 : 술도짱 -->
<!-- 또수정한 홈 : http://www.suldo.net -->
<!-- Begin
addary = new Array(); //red
addary[0] = new Array(0,1,0); //red green
addary[1] = new Array(-1,0,0); //green
addary[2] = new Array(0,0,1); //green blue
addary[3] = new Array(0,-1,0); //blue
addary[4] = new Array(1,0,0); //red blue
addary[5] = new Array(0,0,-1); //red
addary[6] = new Array(255,1,1);
clrary = new Array(360);
for(i = 0; i < 6; i++)
for(j = 0; j < 60; j++) {
clrary[60 * i + j] = new Array(3);
for(k = 0; k < 3; k++) {
clrary[60 * i + j][k] = addary[6][k];
addary[6][k] += (addary[i][k] * 4);
}
}
function capture() {
if(document.layers) {
layobj = document.layers['wheel'];
layobj.document.captureEvents(Event.MOUSEMOVE);
layobj.document.onmousemove = moved;
}
else {
layobj = document.all["wheel"];
layobj.onmousemove = moved;
}
}
function moved(e) {
y = 4 * ((document.layers)?e.layerX:event.offsetX);
x = 4 * ((document.layers)?e.layerY:event.offsetY);
sx = x - 512;
sy = y - 512;
qx = (sx < 0)?0:1;
qy = (sy < 0)?0:1;
q = 2 * qy + qx;
quad = new Array(-180,360,180,0);
xa = Math.abs(sx);
ya = Math.abs(sy);
d = ya * 45 / xa;
if(ya > xa) d = 90 - (xa * 45 / ya);
deg = Math.floor(Math.abs(quad[q] - d));
n = 0;
sx = Math.abs(x - 512);
sy = Math.abs(y - 512);
r = Math.sqrt((sx * sx) + (sy * sy));
if(x == 512 & y == 512) {
c = "000000";
}
else {
for(i = 0; i < 3; i++) {
r2 = clrary[deg][i] * r / 256;
if(r > 256) r2 += Math.floor(r - 256);
if(r2 > 255) r2 = 255;
n = 256 * n + Math.floor(r2);
}
c = n.toString(16);
while(c.length < 6) c = "0" + c;
}
if(document.layers) {
document.layers["wheel"].document.f.t.value = "#" + c;
// document.layers["wheel"].bgColor = "#" + c;
document.layers["rgbColor"].bgColor = "#" + c;
}
else {
document.all["wheel"].document.f.t.value = "#" + c;
// document.all["wheel"].style.backgroundColor = "#" + c;
document.all["rgbColor"].style.backgroundColor = "#" + c;
}
return false;
}
function changeColor() {
document.all["rgbColor"].style.backgroundColor = f.value;
}
//0=클립보드에 복사를 안합니다., 1=클립보드에 복사를합니다.
var copytoclip=1
function HighlightAll(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
if (document.all&©toclip==1){
therange=tempval.createTextRange()
therange.execCommand("Copy")
window.status="색상코드를 복사 했습니다.!"
alert("색상코드를 복사 했습니다.!");
setTimeout("window.status=''",1800)
}
}
// End -->
</script>
<style type="text/css">
body{color:#000000; font-size: 9pt; background-color:#ffffff;}
.colorinput {color:#000000; font-size: 14pt; background-color:#ffffff; border:1 solid #000000;size= 60;height:20px;cursor:n-resize}
</style>
</HEAD>
<BODY onLoad="capture()">
<div align="center">
<table border=0 cellpadding=3 cellspacing=3>
<tr>
<td colspan=3>
<b><font color=red>마우스를 이미지 위에 올려놓으면 원하는 색상을 찾을 수 있어요!<br>
원하는색상에 마우스를 올린상태에서 클릭하시면 색상코드가 복사가됩니다.</font></b>
</td>
</tr>
<tr>
<td id=wheel>
<img src="http://suldo.x-y.net/img/colorwheel.jpg" width=256 height=256 border=0 onClick="javascript:HighlightAll('f.t')">
</td>
<td align="center" id="rgbColor" width=256 height=256 border=0 style="border:1 solid #000000">
<br>
<form name="f">
색상코드 : <input type="text" name="t" size="7" maxlength="7" readOnly class=colorinput>
</form>
</td>
</tr>
</table>
</div>
</body>
</html>
에디터등을 이용해서..htm파일로 만들어 실행시키면..언제든지 간단하게..원하는 색상값을 찾을수 있겠습니다...(누가 만들었는지..원..멋져)
<html>
<head>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<SCRIPT LANGUAGE="JavaScript">
<!-- 만든 넘 : D10n (biab@iinet.net.au) -->
<!-- 그넘 홈 : http://www.iinet.net.au/~biab -->
<!-- 수정한 넘 : 윤면용 -->
<!-- 수정한 홈 : http://www.dhtmldot.com -->
<!-- 또수정한 넘 : 술도짱 -->
<!-- 또수정한 홈 : http://www.suldo.net -->
<!-- Begin
addary = new Array(); //red
addary[0] = new Array(0,1,0); //red green
addary[1] = new Array(-1,0,0); //green
addary[2] = new Array(0,0,1); //green blue
addary[3] = new Array(0,-1,0); //blue
addary[4] = new Array(1,0,0); //red blue
addary[5] = new Array(0,0,-1); //red
addary[6] = new Array(255,1,1);
clrary = new Array(360);
for(i = 0; i < 6; i++)
for(j = 0; j < 60; j++) {
clrary[60 * i + j] = new Array(3);
for(k = 0; k < 3; k++) {
clrary[60 * i + j][k] = addary[6][k];
addary[6][k] += (addary[i][k] * 4);
}
}
function capture() {
if(document.layers) {
layobj = document.layers['wheel'];
layobj.document.captureEvents(Event.MOUSEMOVE);
layobj.document.onmousemove = moved;
}
else {
layobj = document.all["wheel"];
layobj.onmousemove = moved;
}
}
function moved(e) {
y = 4 * ((document.layers)?e.layerX:event.offsetX);
x = 4 * ((document.layers)?e.layerY:event.offsetY);
sx = x - 512;
sy = y - 512;
qx = (sx < 0)?0:1;
qy = (sy < 0)?0:1;
q = 2 * qy + qx;
quad = new Array(-180,360,180,0);
xa = Math.abs(sx);
ya = Math.abs(sy);
d = ya * 45 / xa;
if(ya > xa) d = 90 - (xa * 45 / ya);
deg = Math.floor(Math.abs(quad[q] - d));
n = 0;
sx = Math.abs(x - 512);
sy = Math.abs(y - 512);
r = Math.sqrt((sx * sx) + (sy * sy));
if(x == 512 & y == 512) {
c = "000000";
}
else {
for(i = 0; i < 3; i++) {
r2 = clrary[deg][i] * r / 256;
if(r > 256) r2 += Math.floor(r - 256);
if(r2 > 255) r2 = 255;
n = 256 * n + Math.floor(r2);
}
c = n.toString(16);
while(c.length < 6) c = "0" + c;
}
if(document.layers) {
document.layers["wheel"].document.f.t.value = "#" + c;
// document.layers["wheel"].bgColor = "#" + c;
document.layers["rgbColor"].bgColor = "#" + c;
}
else {
document.all["wheel"].document.f.t.value = "#" + c;
// document.all["wheel"].style.backgroundColor = "#" + c;
document.all["rgbColor"].style.backgroundColor = "#" + c;
}
return false;
}
function changeColor() {
document.all["rgbColor"].style.backgroundColor = f.value;
}
//0=클립보드에 복사를 안합니다., 1=클립보드에 복사를합니다.
var copytoclip=1
function HighlightAll(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
if (document.all&©toclip==1){
therange=tempval.createTextRange()
therange.execCommand("Copy")
window.status="색상코드를 복사 했습니다.!"
alert("색상코드를 복사 했습니다.!");
setTimeout("window.status=''",1800)
}
}
// End -->
</script>
<style type="text/css">
body{color:#000000; font-size: 9pt; background-color:#ffffff;}
.colorinput {color:#000000; font-size: 14pt; background-color:#ffffff; border:1 solid #000000;size= 60;height:20px;cursor:n-resize}
</style>
</HEAD>
<BODY onLoad="capture()">
<div align="center">
<table border=0 cellpadding=3 cellspacing=3>
<tr>
<td colspan=3>
<b><font color=red>마우스를 이미지 위에 올려놓으면 원하는 색상을 찾을 수 있어요!<br>
원하는색상에 마우스를 올린상태에서 클릭하시면 색상코드가 복사가됩니다.</font></b>
</td>
</tr>
<tr>
<td id=wheel>
<img src="http://suldo.x-y.net/img/colorwheel.jpg" width=256 height=256 border=0 onClick="javascript:HighlightAll('f.t')">
</td>
<td align="center" id="rgbColor" width=256 height=256 border=0 style="border:1 solid #000000">
<br>
<form name="f">
색상코드 : <input type="text" name="t" size="7" maxlength="7" readOnly class=colorinput>
</form>
</td>
</tr>
</table>
</div>
</body>
</html>