색상표

Web/Common 2012. 5. 11. 01:15

 

 

  RGB 색상표

  

 

000000
R - 000
G - 000
B - 000

333333
R - 051
G - 051
B - 051

666666
R - 102
G - 102
B - 102

999999
R - 153
G - 153
B - 153

CCCCCC
R - 204
G - 204
B - 204

FFFFFF
R - 255
G - 255
B - 255

000033
R - 000
G - 000
B - 051

333300
R - 051
G - 051
B - 000

666600
R - 102
G - 102
B - 000

999900
R - 153
G - 153
B - 000

CCCC00
R - 204
G - 204
B - 000

FFFF00
R - 255
G - 255
B - 000

000066
R - 000
G - 000
B - 102

333366
R - 051
G - 051
B - 102

666633
R - 102
G - 102
B - 051

999933
R - 153
G - 153
B - 051

CCCC33
R - 204
G - 204
B - 051

FFFF33
R - 255
G - 255
B - 051

000099
R - 000
G - 000
B - 153

333399
R - 051
G - 051
B - 153

666699
R - 102
G - 102
B - 153

999966
R - 153
G - 153
B - 102

CCCC66
R - 204
G - 204
B - 102

FFFF66
R - 255
G - 255
B - 102

0000CC
R - 000
G - 000
B - 204

3333CC
R - 051
G - 051
B - 204

6666CC
R - 102
G - 102
B - 204

9999CC
R - 153
G - 153
B - 204

CCCC99
R - 204
G - 204
B - 153

FFFF99
R - 255
G - 255
B - 153

0000FF
R - 000
G - 000
B - 255

3333FF
R - 051
G - 051
B - 255

6666FF
R - 102
G - 102
B - 255

9999FF
R - 153
G - 153
B - 255

CCCCFF
R - 204
G - 204
B - 255

FFFFCC
R - 255
G - 255
B - 204

003300
R - 000
G - 051
B - 000

336633
R - 051
G - 102
B - 051

669966
R - 102
G - 153
B - 102

99CC99
R - 153
G - 204
B - 153

CCFFCC
R - 204
G - 255
B - 204

FF00FF
R - 255
G - 000
B - 255

006600
R - 000
G - 102
B - 000

339933
R - 051
G - 153
B - 051

66CC66
R - 102
G - 204
B - 102

99FF99
R - 153
G - 255
B - 153

CC00CC
R - 204
G - 000
B - 204

FF33FF
R - 255
G - 051
B - 255

009900
R - 000
G - 153
B - 000

33CC33
R - 051
G - 204
B - 051

66FF66
R - 102
G - 255
B - 102

990099
R - 153
G - 000
B - 153

CC33CC
R - 204
G - 051
B - 204

FF66FF
R - 255
G - 102
B - 255

00CC00
R - 000
G - 204
B - 000

33FF33
R - 051
G - 255
B - 051

660066
R - 102
G - 000
B - 102

993399
R - 153
G - 051
B - 153

CC66CC
R - 204
G - 102
B - 204

FF99FF
R - 255
G - 153
B - 255

00FF00
R - 000
G - 255
B - 000

330033
R - 051
G - 000
B - 051

663366
R - 102
G - 051
B - 102

996699
R - 153
G - 102
B - 153

CC99CC
R - 204
G - 153
B - 204

FFCCFF
R - 255
G - 204
B - 255

00FF33
R - 000
G - 255
B - 051

330066
R - 051
G - 000
B - 102

663399
R - 102
G - 051
B - 153

9966CC
R - 153
G - 102
B - 204

CC99FF
R - 204
G - 153
B - 255

FFCC00
R - 255
G - 204
B - 000

00FF66
R - 000
G - 255
B - 102

330099
R - 051
G - 000
B - 153

6633CC
R - 102
G - 051
B - 204

9966FF
R - 153
G - 102
B - 255

CC9900
R - 204
G - 153
B - 000

FFCC33
R - 255
G - 204
B - 051

00FF99
R - 000
G - 255
B - 153

3300CC
R - 051
G - 000
B - 204

6633FF
R - 102
G - 051
B - 255

996600
R - 153
G - 102
B - 000

CC9933
R - 204
G - 153
B - 051

FFCC66
R - 255
G - 204
B - 102

00FFCC
R - 000
G - 255
B - 204

3300FF
R - 051
G - 000
B - 255

663300
R - 102
G - 051
B - 000

996633
R - 153
G - 102
B - 051

CC9966
R - 204
G - 153
B - 102

FFCC99
R - 255
G - 204
B - 153

00FFFF
R - 000
G - 255
B - 255

330000
R - 051
G - 000
B - 000

663333
R - 102
G - 051
B - 051

996666
R - 153
G - 102
B - 102

CC9999
R - 204
G - 153
B - 153

FFCCCC
R - 255
G - 204
B - 204

00CCCC
R - 000
G - 204
B - 204

33FFFF
R - 051
G - 255
B - 255

660000
R - 102
G - 000
B - 000

993333
R - 153
G - 051
B - 051

CC6666
R - 204
G - 102
B - 102

FF9999
R - 255
G - 153
B - 153

009999
R - 000
G - 153
B - 153

33CCCC
R - 051
G - 204
B - 204

66FFFF
R - 102
G - 255
B - 255

990000
R - 153
G - 000
B - 000

CC3333
R - 204
G - 051
B - 051

FF6666
R - 255
G - 102
B - 102

006666
R - 000
G - 102
B - 102

339999
R - 051
G - 153
B - 153

66CCCC
R - 102
G - 204
B - 204

99FFFF
R - 153
G - 255
B - 255

CC0000
R - 204
G - 000
B - 000

FF3333
R - 255
G - 051
B - 051

003333
R - 000
G - 051
B - 051

336666
R - 051
G - 102
B - 102

669999
R - 102
G - 153
B - 153

99CCCC
R - 153
G - 204
B - 204

CCFFFF
R - 204
G - 255
B - 255

FF0000
R - 255
G - 000
B - 000

003366
R - 000
G - 051
B - 102

336699
R - 051
G - 102
B - 153

6699CC
R - 102
G - 153
B - 204

99CCFF
R - 153
G - 204
B - 255

CCFF00
R - 204
G - 255
B - 000

FF0033
R - 255
G - 000
B - 051

003399
R - 000
G - 051
B - 153

3366CC
R - 051
G - 102
B - 204

6699FF
R - 102
G - 153
B - 255

99CC00
R - 153
G - 204
B - 000

CCFF33
R - 204
G - 255
B - 051

FF0066
R - 255
G - 000
B - 102

0033CC
R - 000
G - 051
B - 204

3366FF
R - 051
G - 102
B - 255

669900
R - 102
G - 153
B - 000

99CC33
R - 153
G - 204
B - 051

CCFF66
R - 204
G - 255
B - 102

FF0099
R - 255
G - 000
B - 153

0033FF
R - 000
G - 051
B - 255

336600
R - 051
G - 102
B - 255

669933
R - 102
G - 153
B - 051

99CC66
R - 153
G - 204
B - 102

CCFF99
R - 204
G - 255
B - 153

FF00CC
R - 255
G - 000
B - 204

0066FF
R - 000
G - 102
B - 255

339900
R - 051
G - 153
B - 000

66CC33
R - 102
G - 204
B - 051

99FF66
R - 153
G - 255
B - 102

CC0099
R - 204
G - 000
B - 153

FF33CC
R - 255
G - 051
B - 204

0099FF
R - 000
G - 153
B - 255

33CC00
R - 051
G - 204
B - 000

66FF33
R - 102
G - 255
B - 051

990066
R - 153
G - 000
B - 102

CC3399
R - 204
G - 051
B - 153

FF66CC
R - 255
G - 102
B - 204

00CCFF
R - 000
G - 204
B - 255

33FF00
R - 051
G - 255
B - 000

660033
R - 102
G - 000
B - 051

993366
R - 153
G - 051
B - 102

CC6699
R - 204
G - 102
B - 153

FF99CC
R - 255
G - 153
B - 204

00CC33
R - 000
G - 204
B - 051

33FF66
R - 051
G - 255
B - 102

660099
R - 102
G - 000
B - 153

9933CC
R - 153
G - 051
B - 204

CC66FF
R - 204
G - 102
B - 255

FF9900
R - 255
G - 153
B - 000

00CC66
R - 000
G - 204
B - 102

33FF99
R - 051
G - 255
B - 153

6600CC
R - 102
G - 000
B - 204

9933FF
R - 153
G - 051
B - 255

CC6600
R - 204
G - 102
B - 000

FF9933
R - 255
G - 153
B - 051

00CC99
R - 255
G - 204
B - 153

33FFCC
R - 051
G - 255
B - 204

6600FF
R - 102
G - 000
B - 255

993300
R - 153
G - 051
B - 000

CC6633
R - 204
G - 102
B - 051

FF9966
R - 255
G - 153
B - 102

009933
R - 000
G - 153
B - 051

33CC66
R - 051
G - 204
B - 102

66FF99
R - 102
G - 255
B - 153

9900CC
R - 153
G - 000
B - 204

CC33FF
R - 204
G - 051
B - 255

FF6600
R - 255
G - 102
B - 000

006633
R - 000
G - 102
B - 051

339966
R - 051
G - 153
B - 102

66CC99
R - 102
G - 204
B - 153

99FFCC
R - 153
G - 255
B - 204

CC00FF
R - 204
G - 000
B - 255

FF3300
R - 255
G - 051
B - 000

009966
R - 000
G - 153
B - 102

33CC99
R - 051
G - 204
B - 153

66FFCC
R - 102
G - 255
B - 204

9900FF
R - 153
G - 000
B - 255

CC3300
R - 204
G - 051
B - 000

FF6633
R - 255
G - 102
B - 051

0099CC
R - 000
G - 153
B - 204

33CCFF
R - 051
G - 204
B - 255

66FF00
R - 102
G - 255
B - 000

990033
R - 153
G - 000
B - 051

CC3366
R - 204
G - 051
B - 102

FF6699
R - 255
G - 102
B - 153

0066CC
R - 000
G - 102
B - 204

3399FF
R - 051
G - 153
B - 255

66CC00
R - 102
G - 204
B - 000

99FF33
R - 153
G - 255
B - 051

CC0066
R - 204
G - 000
B - 102

FF3399
R - 255
G - 051
B - 153

006699
R - 000
G - 102
B - 153

3399CC
R - 051
G - 153
B - 204

66CCFF
R - 102
G - 204
B - 255

99FF00
R - 153
G - 255
B - 000

CC0033
R - 204
G - 000
B - 051

FF3366
R - 255
G - 051
B - 102

   

   

RGB 컬러의 분포도를 4각형으로 나타내면 다음과 같다.

   

   

노랑
(255,255,0)

초록
(0,255,0)

시안
(0,255,255)

빨강
(255,0,0)

파랑
(0,0,255)

 

빨강
(255,0,0)

마젠타
(255,0,255)

[출처] RGB 색상표 |작성자 vannews

 

출처 - http://blog.naver.com/vannews/110086162233


===================================================================================


컬러 이름16진수             
 red#FF0000  
crimson#DC143C  
firebrick#B22222  
maroon#800000  
darkred#8B0000  
brown#A52A2A  
sienna#A0522D  
saddlebrown#8B4513  
indianred#CD5C5C  
rosybrown#BC8F8F  
lightcoral#F08080  
salmon#FA8072  
darksalmon#E9967A  
coral#FF7F50  
tomato#FF6347  
sandybrown#F4A460  
lightsalmon#FFA07A  
peru#CD853F  
chocolate#D2691E  
orangered#FF4500  
orange#FFA500  
darkorange#FF8C00  
tan#D2B48C  
peachpuff#FFDAB9  
bisque#FFE4C4  
moccasin#FFE4B5  
navajowhite#FFDEAD  
wheat#F5DEB3  
burlywood#DEB887  
darkgoldenrod#B8860B  
goldenrod#DAA520  
gold#FFD700  
yellow#FFFF00  
lightgoldenrodyellow#FAFAD2  
palegoldenrod#EEE8AA  
khaki#F0E68C  
darkkhaki#BDB76B  
lawngreen#7CFC00  
greenyellow#ADFF2F  
chartreuse#7FFF00  
lime#00FF00  
limegreen#32CD32  
yellowgreen#9ACD32  
olive#808000  
olivedrab#6B8E23  
darkolivegreen#556B2F  
forestgreen#228B22  
darkgreen#006400  
green#008000  
seagreen#2E8B57  
mediumseagreen#3CB371  
darkseagreen#8FBC8F  
lightgreen#90EE90  
palegreen#98FB98  
springgreen#00FF7F  
mediumspringgreen#00FA9A  
teal#008080  
darkcyan#008B8B  
lightseagreen#20B2AA  
mediumaquamarine#66CDAA  
cadetblue#5F9EA0  
steelblue#4682B4  
aquamarine#7FFFD4  
powderblue#B0E0E6  
paleturquoise#AFEEEE  
lightblue#ADD8E6  
lightsteelblue#B0C4DE  
skyblue#87CEEB  
lightskyblue#87CEFA  
mediumturquoise#48D1CC  
turquoise#40E0D0  
darkturquoise#00CED1  
aqua#00FFFF  
cyan#00FFFF  
deepskyblue#00BFFF  
dodgerblue#1E90FF  
cornflowerblue#6495ED  
royalblue#4169E1  
blue#0000FF  
mediumblue#0000CD  
navy#000080  
darkblue#00008B  
midnightblue#191970  
darkslateblue#483D8B  
slateblue#6A5ACD  
mediumslateblue#7B68EE  
mediumpurple#9370DB  
darkorchid#9932CC  
darkviolet#9400D3  
blueviolet#8A2BE2  
mediumorchid#BA55D3  
plum#DDA0DD  
lavender#E6E6FA  
thistle#D8BFD8  
orchid#DA70D6  
violet#EE82EE  
indigo#4B0082  
darkmagenta#8B008B  
purple#800080  
mediumvioletred#C71585  
deeppink#FF1493  
fuchsia#FF00FF  
magenta#FF00FF  
hotpink#FF69B4  
palevioletred#DB7093  
lightpink#FFB6C1  
pink#FFC0CB  
mistyrose#FFE4E1  
blanchedalmond#FFEBCD  
lightyellow#FFFFE0  
cornsilk#FFF8DC  
antiquewhite#FAEBD7  
papayawhip#FFEFD5  
lemonchiffon#FFFACD  
beige#F5F5DC  
linen#FAF0E6  
oldlace#FDF5E6  
lightcyan#E0FFFF  
aliceblue#F0F8FF  
whitesmoke#F5F5F5  
lavenderblush#FFF0F5  
floralwhite#FFFAF0  
mintcream#F5FFFA  
ghostwhite#F8F8FF  
honeydew#F0FFF0  
seashell#FFF5EE  
ivory#FFFFF0  
azure#F0FFFF  
snow#FFFAFA  
white#FFFFFF  
gainsboro#DCDCDC  
lightgrey#D3D3D3  
silver#C0C0C0  
darkgray#A9A9A9  
lightslategray#778899  
slategray#708090  
gray#808080  
dimgray#696969  
darkslategray#2F4F4F  
black#000000  

※ 원하는 색깔을 드래그해서 복사하십시오.

#93DAFF#98DFFF#9DE4FF#A2E9FF#A7EEFF#ACF3FF#B0F7FF#B4FBFF#B9FFFF#C0FFFF
#87CEFA#91D8FA#A5D8FA#AFDDFA#B9E2FA#C3E7FA#CDECFA#D7F1FA#E1F6FA#EBFBFF
#00BFFF#0AC9FF#14D3FF#1EDDFF#28E7FF#32F1FF#3CFBFF#46FFFF#96FFFF#C8FFFF
#00A5FF#00AFFF#00B9FF#00C3FF#00CDFF#00D7FF#00E1FF#00EBFF#00F5FF#00FFFF
#1EA4FF#28AEFF#32B8FF#3CC2FF#46CCFF#50D6FF#5AE0FF#6EE0FF#6EEAFF#78F3FF
#1E90FF#289AFF#32A4FF#3CAEFF#46B8FF#50C2FF#5ACCFF#64D6FF#6EE0FF#78EAFF
#96A5FF#A0AFFF#AAB9FF#B4C3FF#BECDFF#C8D7FF#D2E1FF#DCEBFF#E8F5FF#F4FFFF
#86A5FF#90AFFF#9AB9FF#A4C3FF#AECDFF#B8D7FF#CCE1FF#E0EBFF#EBF5FF#F9FFFF
#6495ED#6E9FED#78A9ED#82B3ED#8CBDED#96C7ED#A0D1F7#AADBFF#B4E5FF#BEEFFF
#0078FF#0A82FF#148CFF#1E96FF#28A0FF#32AAFF#3CB4FF#46BEFF#50C8FF#5AD2FF
#0064FF#0A6EFF#1478FF#1E82FF#288CFF#3296FF#3CA0FF#46AAFF#50B4FF#5ABEFF
#0000FF#3232FF#5050FF#646EFF#6478FF#6482FF#648CFF#6496FF#64A0FF#64AAFF
#4169E1#4B73E1#557DE1#5F87E1#6991E1#739BE1#7DA5E1#87AFEB#91B9F5#9BC3FF
#0064CD#0A6ECD#1478CD#1E82CD#288CD2#3296D7#3CA0E1#46AAEB#50B4F5#5ABEF5
#5A5AFF#6464FF#6E6EFF#7878FF#8282FF#8C8CFF#A0A0FF#B4B4FF#C8C8FF#D2D2FF
#7B68EE#8572EE#8F7CEE#9986EE#A390EE#AD9AEE#B7A4EE#C1AEEE#CBB8EE#D5C2EE
#6A5ACD#7E6ECD#8878CD#9282CD#9C8CCD#A696CD#B0A0CD#BAAAD7#C4B4E1#CEBEE1
#0000CD#2828CD#4646CD#6464CD#6E6ED7#7878E1#8282EB#8C8CF5#9696FF#A0A0FF
#00008C#14148C#28288C#3C3C8C#50508C#646496#7878AA#8C8CBE#A0A0C8#B4B4DC
#483D8B#52478B#5C518B#665B8B#70658B#7A6F95#84799F#8E83A9#988DB3#A297BD
#000069#1E3269#323C73#3C467D#3C5087#3C5A91#46649B#506EA5#5A78AF#6482B9

#3DFF92#47FF9C#51FFA6#5BFFB0#65FFBA#6FFFC4#79FFCE#75FFCA#7AFFCF#7FFFD4
#55EE94#5FEE9E#69EEA8#73EEB2#7DEEBC#87EEC6#91F8D0#9BFFDA#A5FFE4#AFFFEE
#66CDAA#70D2B4#7AD7BE#84DCC8#8EE1D2#98EBDC#9DF0E1#A2F5E6#A7FAEB#ACFFEF
#AAEBAA#B4F0B4#BEF5BE#C8FAC8#D2FFD2#DCFFDC#E1FFE1#E6FFE6#EBFFEB#F0FFF0
#80E12A#8AE634#94EB3E#9EF048#A8F552#B2FA5C#BCFF66#C1FF6B#C6FF70#CBFF75
#52E252#5CE75C#66EC66#70F170#7AF67A#84FB84#89FB89#8EFB8E#93FB93#98FB98
#64CD3C#6ED746#78E150#82EB5A#8CF064#96F56E#9BFA73#A0FA78#A5FA7D#AAFA82
#13C7A3#18CCA8#1DD1AD#22D6B2#27DBB7#2CE0BC#31E0C1#36E0C6#3BE0CB#40E0D0
#46B4B4#50BEBE#5AC8C8#64D2D2#6EDCDC#73E1E1#78E6E6#7DEBEB#82F0F0#87F5F5
#20B2AA#2ABCB4#34C6BE#3ED0C8#48DAD2#52E4DC#57E9E1#5CEEE6#61F3EB#66F8F0
#5F9EA0#69A8AA#73B2B4#7DBCBE#87C6C8#91D0D2#96D5D7#9BDADC#A0DFE1#A5E3E6
#3CB371#46BD7B#50C785#5AD18F#64DB99#6EE5A3#73EAA8#78EFAD#7DF4B2#82F9B7
#2E8B57#389561#429F6B#4CA975#56B37F#60BD89#65C28E#6AC793#6FCC98#74D19D
#228B22#2C952C#369F36#40A940#4AB34A#54BD54#5EC75E#63CC63#68D168#6DD66D
#497649#538053#5D8A5D#679467#719E71#7BA87B#80AD80#85B285#8AB78A#8FBC8F
#006400#0A6E0A#147814#1E821E#288C28#329632#3CA03C#41A541#46AA46#4BAF4B
#008C8C#0A9696#14A0A0#1EAAAA#28B4B4#32BEBE#37C3C3#3CC8C8#41CDCD#46D2D2
#008080#0A8A8A#149494#1E9E9E#28A8A8#32B2B2#37B7B7#3CBCBC#41C1C1#46C6C6

#FFB6C1#FFBBC6#FFC0CB#FFC5D0#FFCAD5#FFCFDA#FFD4DF#FFD9E4#FFDEE9#FFE3EE
#FFAAAF#FFB4B9#FFBEC3#FFC8CD#FFD2D7#FFDCE1#FFE1E6#FFE6EB#FFEBF0#FFF0F5
#FF9E9B#FFA8A5#FFB2AF#FFBCB9#FFC6C3#FFD0CD#FFD5D2#FFDAD7#FFDFDC#FFE4E1
#FF7A85#FF848F#FF8E99#FF98A3#FFA2AD#FFACB7#FFB1BC#FFB6C1#FFBBC6#FFC0CB
#FF5675#FF607F#FF6A89#FF7493#FF7E9D#FF88A7#FF92B1#FF9CBB#FFA6C5#FFB0CF
#FF82FF#FF8CFF#FF96FF#FFA0FF#FFAAFF#FFB4FF#FFBEFF#FFC8FF#FFD2FF#FFDCFF
#FF7DB4#FF87BE#FF91C8#FF9BD2#FFA5DC#FFAFE6#FFB4EB#FFB9F0#FFBEF5#FFC3FA
#FF69B4#FF73BE#FF7DC8#FF87D2#FF91DC#FF9BE6#FFA5F0#FFAAF5#FFAFFA#FFB4FF
#FF1493#FF1E9D#FF28A7#FF32B1#FF3CBB#FF46C5#FF50CF#FF5AD9#FF64E3#FF6EED
#DB7093#DB7A9D#DB84A7#E08EB1#E598BB#EAA2C5#EAB1D4#EFACCF#F4BBDE#F4B6D9
#D7567F#DC6089#E16A93#E6749D#EB7EA7#F088B1#F592BB#FA9CC5#FFA6CF#FFB0D9
#C71585#C71F8F#C73399#C73DA3#CC47AD#D151B7#D65BC1#E065CB#EA6FD5#F479DF
#CD1039#CD1F48#CD2E57#CD3861#CD426B#D24C75#D7567F#DC6089#E16A93#E6749D
#B9062F#B91A4D#BE2457#C32E61#C8386B#CD4275#D24C7F#D75689#DC6093#E16A9D

#FAEB78#FAF082#FAF58C#FAFA96#FAFAA0#FAFAAA#FAFAB4#FAFABE#FAFAD2#FAFAD2
#FFDC3C#FFE146#FFE650#FFEB5A#FFF064#FFF56E#FFFA78#FFFA82#FFFF8C#FFFF96
#FFC81E#FFD228#FFD732#FFDC3C#FFE146#FFE650#FFEB5A#FFF064#FFF56E#FFF978
#FFB400#FFBE0A#FFC314#FFC81E#FFCD28#FFD232#FFD73C#FFDC46#FFE150#FFE65A
#FDCD8C#FDD296#FDD7A0#FDDCAA#FDE1B4#FDE6BE#FDEBC8#FDF5D2#FDF5DC#FDF5E6
#FAC87D#FACD87#FAD291#FAD79B#FADCA5#FAE1AF#FAE6B9#FAEBC3#FAEBCD#FAEBD7
#FFA500#FFAF0A#FFB914#FFC31E#FFCD28#FFD732#FFDC37#FFE13C#FFE641#FFEB46
#FF9100#FF9B00#FFA500#FFAF00#FFB900#FFC300#FFC800#FFCD00#FFD200#FFD700
#FF8200#FF8C0A#FF9614#FFA01E#FFAA28#FFB432#FFB937#FFBE3C#FFC341#FFC846
#FFA98F#FFB399#FFBDA3#FFC7AD#FFD1B7#FFDBC1#FFE0C6#FFE5CB#FFEAD0#FFEFD5
#FFA374#FFAD7E#FFB788#FFC192#FFCB9C#FFD0A1#FFD5A6#FFDAAB#FFDFB0#FFE4B5
#FF9473#FF9E7D#FFA887#FFB291#FFBC9B#FFC6A5#FFD0AF#FFD0AF#FFD5B4#FFDAB9
#FF7F50#FF895A#FF9364#FF9D6E#FFA778#FFB182#FFBB8C#FFC091#FFC596#FFCA9B
#CD853F#CD8F49#D29953#D7A35D#DCAD67#E1B771#E6C17B#EBC680#F0CB85#F5D08A
#D2691E#D27328#D27D32#D7873C#DC9146#E19B50#E6A55A#EBAA5F#EBAF64#F0B469
#AE5E1A#B86824#C2722E#CC7C38#D68642#E0904C#E59551#EA9A56#EF9F5B#F4A460
#8B4513#8B4F1D#8B5927#8B6331#906D3B#957745#9F814F#A48654#A98B59#AE905E

#FF9696#FFA0A0#FFAAAA#FFB4B4#FFBEBE#FFC8C8#FFD2D2#FFDCDC#FFE6E6#FFF0F0
#F08080#F08A8A#F09494#F59E9E#FAA8A8#FAB2B2#FAB7B7#FABCBC#FAC1C1#FAC6C6
#F56E6E#F57878#F58282#F58C8C#F59696#F5A0A0#F5AAAA#FAB4B4#FABEBE#FAC8C8
#F06464#F06E6E#F07878#F08282#F08C8C#F09696#F4A0A0#F4AAAA#F4B4B4#FEBEBE
#FF0000#FF3232#FF4646#FF5050#FF5A5A#FF6464#FF6E6E#FF7878#FF8282#FF8C8C
#EB0000#EB3232#EB4646#EB5050#EB5A5A#EB6464#F06E6E#F57878#FA8282#FA8C8C
#CD0000#CD3C3C#CD4646#CD5050#D25A5A#D76464#DC6E6E#E17878#E68282#EB8C8C
#CD5C5C#CD6666#CD7070#CD7A7A#D28484#D78E8E#DC9898#E6A2A2#EBACAC#F0B6B6
#B90000#B93232#B93C3C#B94646#B95050#BE5A5A#C35F5F#C86464#CD6969#D26E6E
#B22222#B24040#B24A4A#B25454#B75E5E#BC6868#C17272#CB7776#CB7C7C#D08180
#A52A2A#AA3E3E#AF4848#B45252#BE5C5C#C36666#CD7070#CD7A7A#D28484#D78E8E
#800000#803232#853C3C#8F4646#945050#9E5A5A#A36464#AD6E6E#B77878#C18282

#CD853F#CD8B45#CD904A#D2954F#D29A54#D79F59#D7A45E#E1A963#E1AE68#E6B36D
#DB631F#E56D29#E57733#EA813D#EF8B47#EF904C#F49551#F49A56#F49F5B#F4A460
#D2691E#D27328#D77D32#D7873C#DC9146#E19B50#E6A055#EBA55A#F0AA5F#F5AF64
#A0522D#A05C37#A06641#A5704B#AA7A55#B4845F#B98E69#C39873#CDA27D#D7AC87
#8B4513#8B4F1D#8B5927#8B6331#906D3B#9A7745#A4814F#AE8B59#B89563#C29F6D
#DA70D6#DF75DB#E47AE0#E97FE5#EE84EA#F389EF#F88EF4#FD93F9#FF98FE#FF9DFF
#BA55D3#BF5AD8#C45FDD#C964E2#CE69E7#D36EEC#D873F1#DD78F6#E27DFB#E782FF
#9932CC#9E37D1#A33CD6#A841DB#AD46E0#B24BE5#B750EA#BC55EF#C15AF4#C65FF9
#9400D3#9905D8#9E0ADD#A30FE2#A814E7#AD19EC#B21EF1#B723F6#BC28FB#C12DFF
#942894#9E329E#A83CA8#B246B2#BC50BC#C65AC6#D064D0#DA6EDA#E478E4#EE82EE
#8c008c#960a96#a014a0#aa1eaa#b428b4#be32be#c83cc8#d246d2#dc50dc#e65ae6
#800080#8a0a8a#941494#9e1e9e#a828a8#b232b2#bc3cbc#c646c6#d050d0#da5ada
#834683#8d508d#975a97#a164a1#ab6eab#b578b5#bf82bf#c98cc9#d396d3#dda0dd
#828282#8c8c8c#969696#a0a0a0#aaaaaa#b4b4b4#bebebe#c8c8c8#d2d2d2#dcdcdc
#000000#282828#323232#3c3c3c#464646#505050#5a5a5a#646464#6e6e6e#787878

 

 


출처 - http://oebakcom.tistory.com/154

'Web > Common' 카테고리의 다른 글

Freemarker 정의 및 설정  (0) 2012.05.12
Adobe Flash  (0) 2012.05.11
web - REST(Representational State Transfer)  (0) 2012.05.09
웹 어플리케이션(Web application)  (0) 2012.05.07
/favicon.ico 에 대해  (0) 2012.04.19
Posted by linuxism
,


<HTML> 
<HEAD> 
<TITLE> Jasko Sample Script </TITLE> 

<!------1. 아래의 코드를 HEAD 부분에 복사해 넣으세요 --------------> 

<script> 
function clearText(y){ 
if (y.defaultValue==y.value) 
y.value = "" 

</script> 

<!-------------------- 여기까지 ----------------------> 

</HEAD> 

<BODY> 

<!------2. 아래의 방식으로 BODY 부분에 붙여 넣으세요 -------------> 

<B>텍스트 상자에 마우스를 클릭하면 초기문자열이 없어집니다</B> 

<form> 
<input type="text" value="아이디를 입력 해 주세요" onFocus="clearText(this)"> 
<input type=submit> 
</form> 

<!-------------------- 여기까지 ----------------------> 

</BODY> 
</HTML> 

## value="아이디를 입력 해 주세요" ; 입력필드에 초기값을 설정하였습니다 
## onFocus="clearText(this)" ; 포커스를 받으면, 즉 글상자가 마우스 클릭으로 활성화 되면 clearText() 라는 함수를 실행 시킵니다.




'Development > JavaScript' 카테고리의 다른 글

cookie 생성 및 삭제  (0) 2012.05.22
JavaScript 언어 시작하기  (0) 2012.05.18
JSON 예제 3 - file로 읽고 쓰기  (0) 2012.04.13
JSON 예제 2 - String에서 읽기  (0) 2012.04.13
JSON 예제 1  (0) 2012.03.28
Posted by linuxism
,


DIV 레이어 팝업 띄우는방법. 

화면에 DIV를 한개 생성한다. 

<div id="popup_layer" 
style="position:absolute; //절대위치다. 현재화면의 위에 겹쳐서 보여준다. 
border:double; //border의 종류는 인터넷을 찾아보면 많이 나온다. 
top:100px; //화면상단에서부터 100px(pixel)떨어진 위치에 레이어를 위치한다. 
left:100px; //화면왼쪽에서부터 100px(pixel)떨어진 위치에 레이어를 위치한다. 
width:100px; //div_layer의 좌우사이즈를 설정한다. 
height:100px; //div_layer의 높이를 설정한다. 
z-index:1; //이건 나도잘... 
visibility:hidden; //숨김옵션 
background-color:white; //div_layer의 뒷배경색을 설정한다. 미설정시 투명. 
"> 
내용을 입력한다. 
</div> 

버튼을 클릭시 레이어팝업이뜨게한다. 

<input type="button" value="click" onclick="fn_layer_popup()"> 

<script> 
function fn_layer_popup(){ 
var layer = document.getElementById("popup_layer"); 
layer.style.visibility="visible"; //반대는 hidden 

</script> 

※ 추가사항. 
여러개의 버튼이 있고, 레이어가 존재할경우.. 버튼을 마우스로 클릭한 곳에서 레이어팝업이 뜨게하는 옵션. 

<script> 
function fn_layer_popup(){ 
var _x = event.clientX + document.body.scrollLeft; //마우스로 선택한곳의 x축(화면에서 좌측으로부터의 거리)를 얻는다. 
var _y = event.clientY + document.body.scrollTop; //마우스로 선택한곳의 y축(화면에서 상단으로부터의 거리)를 얻는다. 
var layer = document.getElementById("popup_layer"); 

if(_x < 0) _x = 0; //마우스로 선택한 위치의 값이 -값이면 0으로 초기화. (화면은 0,0으로 시작한다.) 
if(_y < 0) _y = 0; //마우스로 선택한 위치의 값이 -값이면 0으로 초기화. (화면은 0,0으로 시작한다.) 

layer.style.left = _x+"px"; //레이어팝업의 좌측으로부터의 거리값을 마우스로 클릭한곳의 위치값으로 변경. 
layer.style.top = _y+"px"; //레이어팝업의 상단으로부터의 거리값을 마우스로 클릭한곳의 위치값으로 변경. 

layer.style.visibility="visible"; 

</script>

출처 - http://blog.naver.com/lklk777?Redirect=Log&logNo=156431122






'Development > HTML' 카테고리의 다른 글

웹페이지를 가운데 정렬 하기  (0) 2012.05.11
테이블을 기준으로 레이어 생성하기  (0) 2012.05.11
tr td 차이  (0) 2012.03.28
Tag들  (0) 2012.03.01
html - <meta> http-equiv Attribute  (0) 2012.02.11
Posted by linuxism
,