HTML로 작성 된 색상표   Javascript로 작성된 색상 선택 프로그램

이 표는 Javascript로 작성되었다. 시간이 약간 걸린다.
색상 코드(color triplet)는 HTML 과 Javascript 에서 Internet Explorer, Netscape에서 공히 사용된다.

#색상색상명
name
색상
rrggbb
rrggbb
(triplet)
1 aliceblue F0F8FF
2 antiquewhite FAEBD7
3 aqua 00FFFF
4 aquamarine 7FFFD4
5 azure F0FFFF
6 beige F5F5DC
7 bisque FFE4C4
8 black 000000
9 blanchedalmond FFEBCD
10 blue 0000FF
11 blueviolet 8A2BE2
12 brown A52A2A
13 burlywood DEB887
14 cadetblue 5F9EA0
15 chartreuse 7FFF00
16 chocolate D2691E
17 coral FF7F50
18 cornflowerblue 6495ED
19 cornsilk FFF8DC
20 crimson DC143C
21 cyan 00FFFF
22 darkblue 00008B
23 darkcyan 008B8B
24 darkgoldenrod B8860B
25 darkgray A9A9A9
26 darkgreen 006400
27 darkkhaki BDB76B
28 darkmagenta 8B008B
29 darkolivegreen 556B2F
30 darkorange FF8C00
31 darkorchid 9932CC
32 darkred 8B0000
33 darksalmon E9967A
34 darkseagreen 8FBC8F
35 darkslateblue 483D8B
36 darkslategray 2F4F4F
37 darkturquoise 00CED1
38 darkviolet 9400D3
39 deeppink FF1493
40 deepskyblue 00BFFF
41 dimgray 696969
42 dodgerblue 1E90FF
43 firebrick B22222
44 floralwhite FFFAF0
45 forestgreen 228B22
46 fuchsia FF00FF
47 gainsboro DCDCDC
48 ghostwhite F8F8FF
49 gold FFD700
50 goldenrod DAA520
51 gray 808080
52 green 008000
53 greenyellow ADFF2F
54 honeydew F0FFF0
55 hotpink FF69B4
56 indianred CD5C5C
57 indigo 4B0082
58 ivory FFFFF0
59 khaki F0E68C
60 lavender E6E6FA
61 lavenderblush FFF0F5
62 lawngreen 7CFC00
63 lemonchiffon FFFACD
64 lightblue ADD8E6
65 lightcoral F08080
66 lightcyan E0FFFF
67 lightgoldenrodyellow FAFAD2
68 lightgreen 90EE90
69 lightgrey D3D3D3
70 lightpink FFB6C1
#색상색상명
name
색상
rrggbb
rrggbb
(triplet)
71 lightsalmon FFA07A
72 lightseagreen 20B2AD
73 lightskyblue 87CEFA
74 lightslategray 778899
75 lightsteelblue B0C4DA
76 lightyellow FFFFE0
77 lime 00FF00
78 limegreen 32CD32
79 linen FAF0E6
80 magenta FF00FF
81 maroon 800000
82 mediumaquamarine 66CDAA
83 mediumblue 0000CD
84 mediumorchid BA55D3
85 mediumpurple 9370DB
86 mediumseagreen 3CB371
87 mediumslateblue 7B68EE
88 mediumspringgreen 00FA9A
89 mediumturquoise 48D1CC
90 mediumvioletred C71585
91 midnightblue 191970
92 mintcream F5FFFA
93 mistyrose FFE4E1
94 moccasin FFE4B5
95 navajowhite FFDEAD
96 navy 000080
97 oldlace FDF5E6
98 olive 808000
99 olivedrab 6B8E23
100 orange FFA500
101 orangered FF4500
102 orchid DA70D6
103 palegoldenrod EEE8AA
104 palegreen 98FB98
105 paleturquoise AFEEEE
106 palevioletred DB7093
107 papayawhip FFEFD5
108 peachpuff FFDAB9
109 peru CD853F
110 pink FFC0CB
111 plum DDA0DD
112 powderblue B0E0E6
113 purple 800080
114 red FF0000
115 rosybrown BC8F8F
116 royalblue 4169E1
117 saddlebrown 8B4513
118 salmon FA8072
119 sandybrown F4A460
120 seagreen 2E8B57
121 seashell FFF5EE
122 sienna A0522D
123 silver C0C0C0
124 skyblue 87CEEB
125 slateblue 6A5ACD
126 slategray 708090
127 snow FFFAFA
128 springgreen 00FF7F
129 steelblue 4682B4
130 tan D2B48C
131 teal 008080
132 thistle D8BFD8
133 tomato FF6347
134 turquoise 40E0D0
135 violet EE82EE
136 wheat F5DEB3
137 white FFFFFF
138 whitesmoke F5F5F5
139 yellow FFFF00
140 yellowgreen 9ACD32

HTML Code
<HEAD> <LINK rel="stylesheet" type="text/css" href="../public/jscript.css"> <SCRIPT Language="Javascript" src="colordb.js"></SCRIPT> </HEAD>
<BODY> <TABLE width=98% border=0 align=center> <TR><TD> <DIV align=center> <A href="http://trio.co.kr/webrefer/htex/htxclrtbl1.html"><SPAN class=example>HTML로 작성 된 색상표</A></SPAN>   <A href="xclrindex.html" target=jsmain><SPAN class=example>Javascript로 작성된 색상 선택 프로그램</SPAN></A></DIV> <P class=teal>이 표는 Javascript로 작성되었다. 시간이 약간 걸린다.<BR> 색상 코드(color triplet)는 HTML 과 Javascript 에서 Internet Explorer, Netscape에서 공히 사용된다.</P> <TABLE border=0 cellpadding=2 cellspacing=0 width=100% align=center> <TR valign=top><TD width=50%> <SCRIPT Language="Javascript"> <!-- 감춤 maketable(); tablestr='<TABLE border=1 cellpadding=2 cellspacing=0 width=95% align=center>'; tablestr+='<COL style=color:teal><COL><COL style=padding-left:9><COL><COL style=padding-left:9>'; tablestr+='<TR bgcolor=eeeeee>'; tablestr+='<TD width=5% style=vertical-align:middle>#</TD>'; tablestr+='<TD width=15% style=white-space:nowrap;vertical-align:middle>색상</TD>'; tablestr+='<TD width=25% align="left"><B>색상명</B><BR>name</TD>'; tablestr+='<TD width=5%><B>색상</B><BR><FONT size=-1>rrggbb</FONT></TD>'; tablestr+='<TD width=25%><B>rrggbb</B><BR><FONT size=-1>(triplet)</FONT></TD></TR>'; for (i = 1; i <= List.length; i++) { if (i==71) document.write ('</TABLE></TD><TD>'); if ((i==1)||(i==71)) document.write (tablestr) document.write ('<TR><TD>'+i+'</TD><TD bgcolor=' + List[i].str + '> </TD><TD>'+List[i].str+'</TD>'); document.write ('<TD bgcolor=#' + List[i].trip + '> </TD><TD>' + List[i].trip.fixed() + '</TD></TR>'); } // 감춤 끝 --> </SCRIPT> </TABLE> </TD></TR></TABLE> </TD></TR></TABLE> </BODY>

HTML Code 화일: colordb.js(색상 데이터베이트) 내용
<!--감춤
function newarray(n) {	// 새로운 배열변수 형성
   this.length = n;
   for (var i = 1; i <= n; i++) {
      this[i] = 0;		// 배열변수 내용 지움
   }
   return this;		// n=140
}
function Color(str,trip) {	// 색상의 두 변수 색상명(str: string literal)과 코드(trip: triplet) 정의
   this.str = str;		// this 배열변수에 저장
   this.trip = trip;
}
function maketable() {	// 140 색상 목록을 만듬
   List = new newarray(140);
   List[1] = new Color('aliceblue', 'F0F8FF');
   List[2] = new Color('antiquewhite', 'FAEBD7');
   List[3] = new Color('aqua', '00FFFF');
   List[4] = new Color('aquamarine', '7FFFD4');
   List[5] = new Color('azure', 'F0FFFF');
... 중간 생략 ...
   List[138] = new Color('whitesmoke', 'F5F5F5');
   List[139] = new Color('yellow', 'FFFF00');
   List[140] = new Color('yellowgreen', '9ACD32');
}
// 감춤 끝  -->