자바스크립트 - 색상표 / Javascript - Color Table

이번에 소개할 자바스크립트는 웹에서 사용하는 색상표(Color Table)을 표시하는 자바스크립트입니다. 블로거님이나 웹쪽을하시는 분이라면 매번 검색 사이트를 뒤질 필요가 없이 하나쯤 자신의 블로그에 등록하고 사용하면 편하리라 생각됩니다.

Tistory의 경우 소스 태그 필터링이 되는 관계로  조잡하지만 수정해서 소개합니다. 색상표 스크립트는 소스가 간단하고 라인도 얼마되지 않아 이해하시는데 어러움이 없을 듯 합니다. (물론 그냥 사용해도 됩니다.)

아래는 실제 적용된 소스입니다.

1. 스크립트 설정

<script language="JavaScript">
clr=new Array('00','20','40','60','80','a0','c0','ff');
for(i=0;i<8;i++) { 
document.write('<'+'table width=500px border=1 cellpadding=8'+'>');
for (j=0;j<8;j++) {
document.write('<'+'tr'+'>');
for (k=0;k<8;k++) {
document.write('<td style="background-color:#'+clr[i]+clr[j]+clr[k]+'">');
document.write('<tt>#');
document.write(clr[i]+clr[j]+clr[k]+' </tt></td'+'>');
}
document.write("</tr"+">");
}
document.write("</table"+"><br"+ "/>");
}
</script>

2. 블로그 포스트 내에서 적용법

1) 글쓰기에서 HTML모드를 체크합니다.

2) 첨부화일의 <Script Language="Javascript"> ~ </Script>까지의 내용을 복사하여 원하는 위치에
    붙여넣습니다. 

3) 저장을 하고 확인합니다.

javascript_color_table.txt

유용하게 사용하세요.

자바스크립트 색상표 / Javascript Color Table

http://all4cs.tistory.com - 두그미의 사는 이야기

<script language="JavaScript">

clr=new Array('00','20','40','60','80','a0','c0','ff');

for(i=0;i<8;i++) { 

    document.write('<'+'table width=500px border=1 cellpadding=8'+'>');

    for (j=0;j<8;j++) {

        document.write('<'+'tr'+'>');

        for (k=0;k<8;k++) {

            document.write('<td style="background-color:#'+clr[i]+clr[j]+clr[k]+'">');

            document.write('<tt>#');

            document.write(clr[i]+clr[j]+clr[k]+' </tt></td'+'>');

        }

        document.write("</tr"+">");

    }

    document.write("</table"+"><br"+ "/>");

}

</script>