이 표는 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 |
|
|

<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>
화일: 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');
}
// 감춤 끝 -->