red 빨강#FF0000
crimson 짙게붉은색깔crimson (#DC143C)
firebrick 내화firebrick (#B22222)
maroon 붉은빛을띤갈색maroon (#800000)
darkred 어두운빨강darkred (#8B0000)
brown 갈색brown (#A52A2A)
sienna 붉은빛을띤갈색sienna (#A0522D)
saddlebrown 안장갈색saddlebrown (#8B4513)
indianred 인디언빨강indianred (#CD5C5C)
rosybrown 장미빛갈색rosybrown (#BC8F8F)
lightcoral 밝은산호빛lightcoral (#F08080)
salmon 주황색salmon (#FA8072)
darksalmon 어두운주황색darksalmon (#E9967A)
coral 산호빛coral (#FF7F50)
tomato 토마토색tomato (#FF6347)
sandybrown 엷은갈색sandybrown (#F4A460)
lightsalmon 밝은주황색lightsalmon (#FFA07A)
peru 남미서부의공화국peru (#CD853F)
chocolate 갈색chocolate (#D2691E)
orangered (#FF4500)orangered (#FF4500)
orange 붉은빛을띤누른색orange (#FFA500)
darkorange 어두운붉은빛을띤누른색darkorange (#FF8C00)
tan 볕에탄빛깔tan (#D2B48C)
peachpuff 복숭아빛불기peachpuff (#FFDAB9)
bisque 분홍빛이도는검은빛을띤누른빛bisque (#FFE4C4)
moccasin 사슴가죽의구두moccasin (#FFE4B5)
navajowhite 나바호족백색navajowhite (#FFDEAD)
wheat 밀wheat (#F5DEB3)
burlywood 튼튼한목재burlywood (#DEB887)
darkgoldenrod 어둔운국화과의다년초darkgoldenrod (#B8860B)
goldenrod 국화과의다년초goldenrod (#DAA520)
gold 금빛gold (#FFD700)
yellow 노랑yellow (#FFFF00)
lightgoldenrodyellow 밝은국화과다년초노랑lightgoldenrodyellow (#FAFAD2)
palegoldenrod 옅은국화과의다년초palegoldenrod (#EEE8AA)
khaki 누른빛에엷은다색이섞인빛깔khaki (#F0E68C)
darkkhaki 어두운누른빛에엷은다색darkkhaki (#BDB76B)
lawngreen 잔디녹색lawngreen (#7CFC00)
greenyellow 녹색의노랑greenyellow (#ADFF2F)
chartreuse 연두색chartreuse (#7FFF00)
lime 열대산의레몬비슷한과일lime (#00FF00)
limegreen 라임녹색limegreen (#32CD32)
yellowgreen (#9ACD32)yellowgreen (#9ACD32)
olive 물푸레나뭇과의상록교목olive (#808000)
olivedrab 올리브엷은갈색olivedrab (#6B8E23)
darkolivegreen 어두운올리브녹색darkolivegreen (#556B2F)
forestgreen 숲녹색forestgreen (#228B22)
darkgreen 어두운녹색darkgreen (#006400)
green 녹색green (#008000)
seagreen 바다녹색seagreen (#2E8B57)
mediumseagreen 중간의바다녹색mediumseagreen (#3CB371)
darkseagreen 어두운바다녹색darkseagreen (#8FBC8F)
lightgreen 밝은녹색lightgreen (#90EE90)
palegreen 옅은녹색palegreen (#98FB98)
springgreen 봄녹색springgreen (#00FF7F)
mediumspringgreen 중봄녹색mediumspringgreen (#00FA9A)
teal 암록색을띤청색teal (#008080)
darkcyan 어두운푸른정도darkcyan (#008B8B)
lightseagreen 밝은바다녹색lightseagreen (#20B2AA)
mediumaquamarine 중엷은청록색mediumaquamarine (#66CDAA)
cadetblue 이하의파랑cadetblue (#5F9EA0)
steelblue 철강빛파랑steelblue (#4682B4)
aquamarine 엷은푸른빛녹색aquamarine (#7FFFD4)
powderblue 가루파랑powderblue (#B0E0E6)
paleturquoise 옅은푸른빛녹색paleturquoise (#AFEEEE)
lightblue 밝은파랑lightblue (#ADD8E6)
lightsteelblue 밝은철강빛파랑lightsteelblue (#B0C4DE)
skyblue 하늘파랑skyblue (#87CEEB)
lightskyblue 밝은하늘파랑lightskyblue (#87CEFA)
mediumturquoise 중간의푸른빛녹색mediumturquoise (#48D1CC)
turquoise 푸른빛녹색turquoise (#40E0D0)
darkturquoise 어두운푸른빛녹색darkturquoise (#00CED1)
aqua 엷은푸른빛녹색aqua (#00FFFF)
cyan 푸른정도cyan (#00FFFF)
deepskyblue 짙은하늘파랑deepskyblue (#00BFFF)
dodgerblue 옥수수빵파랑dodgerblue (#1E90FF)
cornflowerblue 옥수수꽃파랑cornflowerblue (#6495ED)
royalblue 황실의파랑royalblue (#4169E1)
blue 파랑blue (#0000FF)
mediumblue 중간의파랑mediumblue (#0000CD)
navy 짙은검은빛을띤남빛navy (#000080)
darkblue 어두운파랑darkblue (#00008B)
midnightblue 깜깜한파랑midnightblue (#191970)
darkslateblue 어두운푸른빛회색파랑darkslateblue (#483D8B)
slateblue 푸른빛회색파랑slateblue (#6A5ACD)
mediumslateblue 중푸른빛회색파랑mediumslateblue (#7B68EE)
mediumpurple 중간의자줏빛mediumpurple (#9370DB)
darkorchid 어두운연보라색darkorchid (#9932CC)
darkviolet 어두운제비꽃색darkviolet (#9400D3)
blueviolet 파란제비꽃색blueviolet (#8A2BE2)
mediumorchid 중간의연보라색mediumorchid (#BA55D3)
plum 짙은 보라색plum (#DDA0DD)
lavender 연한자주색lavender (#E6E6FA)
thistle 엉겅퀴thistle (#D8BFD8)
orchid 연보라색orchid (#DA70D6)
violet 제비꽃색violet (#EE82EE)
indigo 남색indigo (#4B0082)
darkmagenta 어두운짙은분홍색darkmagenta (#8B008B)
purple 자줏빛purple (#800080)
mediumvioletred 중제비꽃빨강mediumvioletred (#C71585)
deeppink 짙은연분홍색deeppink (#FF1493)
fuchsia 붉은빛깔이나는자줏빛fuchsia (#FF00FF)
magenta 짙은분홍색magenta (#FF00FF)
hotpink 강렬한연분홍색hotpink (#FF69B4)
palevioletred 옅은제비꽃빨강palevioletred (#DB7093)
lightpink 밝은연분홍색lightpink (#FFB6C1)
pink 연분홍색pink (#FFC0CB)
mistyrose 짙은장미빛mistyrose (#FFE4E1)
blanchedalmond 희어진엷은황갈색blanchedalmond (#FFEBCD)
lightyellow 밝은노랑lightyellow (#FFFFE0)
cornsilk 옥수수명주실cornsilk (#FFF8DC)
antiquewhite 옛날의백색antiquewhite (#FAEBD7)
papayawhip 열대아메리카산과수매질papayawhip (#FFEFD5)
lemonchiffon 레몬빛가볍고얇은직물lemonchiffon (#FFFACD)
beige 엷은갈색beige (#F5F5DC)ddddd
linen 리넨linen (#FAF0E6)
oldlace 낡은끈oldlace (#FDF5E6)
lightcyan 밝은푸른정도lightcyan (#E0FFFF)
aliceblue 엷은잿빛바탕에푸른빛aliceblue (#F0F8FF)
whitesmoke 백색연기whitesmoke (#F5F5F5)
lavenderblush 연한자주빛붉기lavenderblush (#FFF0F5)
floralwhite 꽃의백색floralwhite (#FFFAF0)
mintcream 박하크림mintcream (#F5FFFA)
ghostwhite 허깨비백색ghostwhite (#F8F8FF)
honeydew 식물의잎에서나는단물honeydew (#F0FFF0)
seashell 바다조가비seashell (#FFF5EE)
ivory 상앗빛ivory (#FFFFF0)
azure 하늘색azure (#F0FFFF)
snow 설백snow (#FFFAFA)
white 백색white (#FFFFFF)
gainsborogainsboro (#DCDCDC)
lightgrey 밝은회색lightgrey (#D3D3D3)
silver 은색silver (#C0C0C0)
darkgray 어두운회색darkgray (#A9A9A9)
lightslategray 밝은푸른빛회색lightslategray (#778899)
slategray 푸른빛회색slategray (#708090)
gray 회색gray (#808080)
dimgray 칙칙한회색dimgray (#696969)
darkslategray 어두운푸른빛회색darkslategray (#2F4F4F)
black 검정black (#000000)

[참고서적] "Web Safe Color 배색사전" (C.I.S./영진닷컴)

■ 원하는 색깔을 드래그해서 복사하십시오.
#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


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

Red 계열  (0) 2018.07.13
Green 계열  (0) 2018.07.13
Blue 계열  (0) 2018.07.13
Yellow 계열  (0) 2018.07.13
Cyan 계열  (0) 2018.07.13

톤 변화

     
#FF0000
(0, 100, 100)
#FF3333
(0, 80, 100)
#FF6666
(0, 60, 100)
#FF9999
(0, 40, 100)
#FFCCCC
(0, 20, 100)
     
#CC0000
(0, 100, 80)
#CC2828
(0, 80, 80)
#CC5151
(0, 60, 80)
#CC7A7A
(0, 40, 80)
#CCA3A3
(0, 20, 80)
     
#990000
(0, 100, 60)
#991E1E
(0, 80, 60)
#993D3D
(0, 60, 60)
#995B5B
(0, 40, 60)
#997A7A
(0, 20, 60)
     
#660000
(0, 100, 40)
#661414
(0, 80, 40)
#662828
(0, 60, 40)
#663D3D
(0, 40, 40)
#665151
(0, 20, 40)
     
#330000
(0, 100, 20)
#330A0A
(0, 80, 20)
#331414
(0, 60, 20)
#331E1E
(0, 40, 20)
#332828
(0, 20, 20)

색상+톤 변화

     
#FF0000
(0, 100, 100)
#FF0033
(348, 100, 100)
#FF0066
(336, 100, 100)
#FF0099
(324, 100, 100)
#FF00CC
(312, 100, 100)
     
#FF3300
(12, 100, 100)
#FF3333
(0, 80, 100)
#FF3366
(345, 80, 100)
#FF3399
(330, 80, 100)
#FF33CC
(315, 80, 100)
     
#FF6600
(24, 100, 100)
#FF6633
(15, 80, 100)
#FF6666
(0, 60, 100)
#FF6699
(340, 60, 100)
#FF66CC
(320, 60, 100)
     
#FF9900
(36, 100, 100)
#FF9933
(30, 80, 100)
#FF9966
(20, 60, 100)
#FF9999
(0, 40, 100)
#FF99CC
(330, 40, 100)
     
#FFCC00
(48, 100, 100)
#FFCC33
(45, 80, 100)
#FFCC66
(40, 60, 100)
#FFCC99
(30, 40, 100)
#FFCCCC
(0, 20, 100)


     
#CC0000
(0, 100, 80)
#CC0033
(345, 100, 80)
#CC0066
(330, 100, 80)
#CC0099
(315, 100, 80)
 
     
#CC3300
(15, 100, 80)
#CC3333
(0, 75, 80)
#CC3366
(340, 75, 80)
#CC3399
(320, 75, 80)
 
     
#CC6600
(30, 100, 80)
#CC6633
(20, 75, 80)
#CC6666
(0, 50, 80)
#CC6699
(330, 50, 80)
 
     
#CC9900
(45, 100, 80)
#CC9933
(40, 75, 80)
#CC9966
(30, 50, 80)
#CC9999
(0, 25, 80)



     
#990000
(0, 100, 60)
#990033
(340, 100, 60)
#990066
(320, 100, 60)
  
     
#993300
(20, 100, 60)
#993333
(0, 67, 60)
#993366
(330, 67, 60)
  
     
#996600
(40, 100, 60)
#996633
(30, 67, 60)
#996666
(0, 33, 60)



     
#660000
(0, 100, 40)
#660033
(330, 100, 40)
   
     
#663300
(30, 100, 40)
#663333
(0, 50, 40)
  


     
#330000
(0, 100, 20)
 


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

HTML에 사용되는 색이름  (0) 2018.07.13
Green 계열  (0) 2018.07.13
Blue 계열  (0) 2018.07.13
Yellow 계열  (0) 2018.07.13
Cyan 계열  (0) 2018.07.13

톤 변화


#00FF00
(120, 100, 100)
#33FF33
(120, 80, 100)
#66FF66
(120, 60, 100)
#99FF99
(120, 40, 100)
#CCFFCC
(120, 20, 100)
#00CC00
(120, 100, 80)
#28CC28
(120, 80, 80)
#51CC51
(120, 60, 80)
#7ACC7A
(120, 40, 80)
#A3CCA3
(120, 20, 80)
#009900
(120, 100, 60)
#1E991E
(120, 80, 60)
#3D993D
(120, 60, 60)
#5B995B
(120, 40, 60)
#7A997A
(120, 20, 60)
#006600
(120, 100, 40)
#146614
(120, 80, 40)
#286628
(120, 60, 40)
#3D663D
(120, 40, 40)
#516651
(120, 20, 40)
#003300
(120, 100, 20)
#0A330A
(120, 80, 20)
#143314
(120, 60, 20)
#1E331E
(120, 40, 20)
#283328
(120, 20, 20)

색상+톤 변화

#00FF00
(120, 100, 100)
#00FF33
(132, 100, 100)
#00FF66
(144, 100, 100)
#00FF99
(156, 100, 100)
#00FFCC
(168, 100, 100)
#33FF00
(108, 100, 100)
#33FF33
(120, 80, 100)
#33FF66
(135, 80, 100)
#33FF99
(150, 80, 100)
#33FFCC
(165, 80, 100)
#66FF00
(96, 100, 100)
#66FF33
(105, 80, 100)
#66FF66
(120, 60, 100)
#66FF99
(140, 60, 100)
#66FFCC
(160, 60, 100)
#99FF00
(84, 100, 100)
#99FF33
(90, 80, 100)
#99FF66
(100, 60, 100)
#99FF99
(120, 40, 100)
#99FFCC
(150, 40, 100)
#CCFF00
(72, 100, 100)
#CCFF33
(75, 80, 100)
#CCFF66
(80, 60, 100)
#CCFF99
(90, 40, 100)
#CCFFCC
(120, 20, 100)


#00CC00
(120, 100, 80)
#00CC33
(135, 100, 80)
#00CC66
(150, 100, 80)
#00CC99
(165, 100, 80)
#33CC00
(105, 100, 80)
#33CC33
(120, 75, 80)
#33CC66
(140, 75, 80)
#33CC99
(160, 75, 80)
#66CC00
(90, 100, 80)
#66CC33
(100, 75, 80)
#66CC66
(120, 50, 80)
#66CC99
(150, 50, 80)
#99CC00
(75, 100, 80)
#99CC33
(80, 75, 80)
#99CC66
(90, 50, 80)
#99CC99
(120, 25, 80)



#009900
(120, 100, 60)
#009933
(140, 100, 60)
#009966
(160, 100, 60)
#339900
(100, 100, 60)
#339933
(120, 67, 60)
#339966
(150, 67, 60)
#669900
(80, 100, 60)
#669933
(90, 67, 60)
#669966
(120, 33, 60)



#006600
(120, 100, 40)
#006633
(150, 100, 40)
#336600
(90, 100, 40)
#336633
(120, 50, 40)



#003300
(120, 100, 20)


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

HTML에 사용되는 색이름  (0) 2018.07.13
Red 계열  (0) 2018.07.13
Blue 계열  (0) 2018.07.13
Yellow 계열  (0) 2018.07.13
Cyan 계열  (0) 2018.07.13

톤 변화

     
#0000FF
(240, 100, 100)
#3333FF
(240, 80, 100)
#6666FF
(240, 60, 100)
#9999FF
(240, 40, 100)
#CCCCFF
(240, 20, 100)
     
#0000CC
(240, 100, 80)
#2828CC
(240, 80, 80)
#5151CC
(240, 60, 80)
#7A7ACC
(240, 40, 80)
#A3A3CC
(240, 20, 80)
     
#000099
(240, 100, 60)
#1E1E99
(240, 80, 60)
#3D3D99
(240, 60, 60)
#5B5B99
(240, 40, 60)
#7A7A99
(240, 20, 60)
     
#000066
(240, 100, 40)
#141466
(240, 80, 40)
#282866
(240, 60, 40)
#3D3D66
(240, 40, 40)
#515166
(240, 20, 40)
     
#000033
(240, 100, 20)
#0A0A33
(240, 80, 20)
#141433
(240, 60, 20)
#1E1E33
(240, 40, 20)
#282833
(240, 20, 20)

색상+톤 변화

     
#0000FF
(240, 100, 100)
#0033FF
(228, 100, 100)
#0066FF
(216, 100, 100)
#0099FF
(204, 100, 100)
#00CCFF
(192, 100, 100)
     
#3300FF
(252, 100, 100)
#3333FF
(240, 80, 100)
#3366FF
(225, 80, 100)
#3399FF
(210, 80, 100)
#33CCFF
(195, 80, 100)
     
#6600FF
(264, 100, 100)
#6633FF
(255, 80, 100)
#6666FF
(240, 60, 100)
#6699FF
(220, 60, 100)
#66CCFF
(200, 60, 100)
     
#9900FF
(276, 100, 100)
#9933FF
(270, 80, 100)
#9966FF
(260, 60, 100)
#9999FF
(240, 40, 100)
#99CCFF
(210, 40, 100)
     
#CC00FF
(288, 100, 100)
#CC33FF
(285, 80, 100)
#CC66FF
(280, 60, 100)
#CC99FF
(270, 40, 100)
#CCCCFF
(240, 20, 100)


     
#0000CC
(240, 100, 80)
#0033CC
(225, 100, 80)
#0066CC
(210, 100, 80)
#0099CC
(195, 100, 80)
 
     
#3300CC
(255, 100, 80)
#3333CC
(240, 75, 80)
#3366CC
(220, 75, 80)
#3399CC
(200, 75, 80)
 
     
#6600CC
(270, 100, 80)
#6633CC
(260, 75, 80)
#6666CC
(240, 50, 80)
#6699CC
(210, 50, 80)
 
     
#9900CC
(285, 100, 80)
#9933CC
(280, 75, 80)
#9966CC
(270, 50, 80)
#9999CC
(240, 25, 80)


     
#000099
(240, 100, 60)
#003399
(220, 100, 60)
#006699
(200, 100, 60)
  
     
#330099
(260, 100, 60)
#333399
(240, 67, 60)
#336699
(210, 67, 60)
  
     
#660099
(280, 100, 60)
#663399
(270, 67, 60)
#666699
(240, 33, 60)
  


     
#000066
(240, 100, 40)
#003366
(210, 100, 40)
   
     
#330066
(270, 100, 40)
#333366
(240, 50, 40)
   



     
#000033
(240, 100, 20)
   


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

Red 계열  (0) 2018.07.13
Green 계열  (0) 2018.07.13
Yellow 계열  (0) 2018.07.13
Cyan 계열  (0) 2018.07.13
Magenta 계열  (0) 2018.07.13

톤 변화

     
#FFFF00
(60, 100, 100)
#FFFF33
(60, 80, 100)
#FFFF66
(60, 60, 100)
#FFFF99
(60, 40, 100)
#FFFFCC
(60, 20, 100)
     
#CCCC00
(60, 100, 80)
#CCCC28
(60, 80, 80)
#CCCC51
(60, 60, 80)
#CCCC7A
(60, 40, 80)
#CCCCA3
(60, 20, 80)
     
#999900
(60, 100, 60)
#99991E
(60, 80, 60)
#99993D
(60, 60, 60)
#99995B
(60, 40, 60)
#99997A
(60, 20, 60)
     
#666600
(60, 100, 40)
#666614
(60, 80, 40)
#666628
(60, 60, 40)
#66663D
(60, 40, 40)
#666651
(60, 20, 40)
     
#333300
(60, 100, 20)
#33330A
(60, 80, 20)
#333314
(60, 60, 20)
#33331E
(60, 40, 20)
#333328
(60, 20, 20)

색상+톤 변화


     
#FFFF00
(60, 100, 100)
#CCFF00
(72, 100, 100)
#99FF00
(84, 100, 100)
#66FF00
(96, 100, 100)
#33FF00
(108, 100, 100)
     
#FFCC00
(48, 100, 100)
#FFFF33
(60, 80, 100)
#CCFF33
(75, 80, 100)
#99FF33
(90, 80, 100)
#66FF33
(105, 80, 100)
     
#FF9900
(36, 100, 100)
#FFCC33
(45, 80, 100)
#FFFF66
(60, 60, 100)
#CCFF66
(80, 60, 100)
#99FF66
(100, 60, 100)
     
#FF6600
(24, 100, 100)
#FF9933
(30, 80, 100)
#FFCC66
(40, 60, 100)
#FFFF99
(60, 40, 100)
#CCFF99
(90, 40, 100)
     
#FF3300
(12, 100, 100)
#FF6633
(15, 80, 100)
#FF9966
(20, 60, 100)
#FFCC99
(30, 40, 100)
#FFFFCC
(60, 20, 100)

     
#CCCC00
(60, 100, 80)
#99CC00
(75, 100, 80)
#66CC00
(90, 100, 80)
#33CC00
(105, 100, 80)
 
     
#CC9900
(45, 100, 80)
#CCCC33
(60, 75, 80)
#99CC33
(80, 75, 80)
#66CC33
(100, 75, 80)
 
     
#CC6600
(30, 100, 80)
#CC9933
(40, 75, 80)
#CCCC66
(60, 50, 80)
#99CC66
(90, 50, 80)
 
     
#CC3300
(15, 100, 80)
#CC6633
(20, 75, 80)
#CC9966
(30, 50, 80)
#CCCC99
(60, 25, 80)



     
#999900
(60, 100, 60)
#669900
(80, 100, 60)
#339900
(100, 100, 60)
  
     
#996600
(40, 100, 60)
#999933
(60, 67, 60)
#669933
(90, 67, 60)
  
     
#993300
(20, 100, 60)
#996633
(30, 67, 60)
#999966
(60, 33, 60)
  

     
#666600
(60, 100, 40)
#336600
(90, 100, 40)
   
     
#663300
(30, 100, 40)
#666633
(60, 50, 40)
   


     
#333300
(60, 100, 20)
 


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

Green 계열  (0) 2018.07.13
Blue 계열  (0) 2018.07.13
Cyan 계열  (0) 2018.07.13
Magenta 계열  (0) 2018.07.13
채도 100%  (0) 2018.07.13

톤 변화

     
#00FFFF
(180, 100, 100)
#33FFFF
(180, 80, 100)
#66FFFF
(180, 60, 100)
#99FFFF
(180, 40, 100)
#CCFFFF
(180, 20, 100)
     
#00CCCC
(180, 100, 80)
#28CCCC
(180, 80, 80)
#51CCCC
(180, 60, 80)
#7ACCCC
(180, 40, 80)
#A3CCCC
(180, 20, 80)
     
#009999
(180, 100, 60)
#1E9999
(180, 80, 60)
#3D9999
(180, 60, 60)
#5B9999
(180, 40, 60)
#7A9999
(180, 20, 60)
     
#006666
(180, 100, 40)
#146666
(180, 80, 40)
#286666
(180, 60, 40)
#3D6666
(180, 40, 40)
#516666
(180, 20, 40)
     
#003333
(180, 100, 20)
#0A3333
(180, 80, 20)
#143333
(180, 60, 20)
#1E3333
(180, 40, 20)
#283333
(180, 20, 20)

색상+톤 변화

     
#00FFFF
(180, 100, 100)
#00FFCC
(168, 100, 100)
#00FF99
(156, 100, 100)
#00FF66
(144, 100, 100)
#00FF33
(132, 100, 100)
     
#00CCFF
(192, 100, 100)
#33FFFF
(180, 80, 100)
#33FFCC
(165, 80, 100)
#33FF99
(150, 80, 100)
#33FF66
(135, 80, 100)
     
#0099FF
(204, 100, 100)
#33CCFF
(195, 80, 100)
#66FFFF
(180, 60, 100)
#66FFCC
(160, 60, 100)
#66FF99
(140, 60, 100)
     
#0066FF
(216, 100, 100)
#3399FF
(210, 80, 100)
#66CCFF
(200, 60, 100)
#99FFFF
(180, 40, 100)
#99FFCC
(150, 40, 100)
     
#0033FF
(228, 100, 100)
#3366FF
(225, 80, 100)
#6699FF
(220, 60, 100)
#99CCFF
(210, 40, 100)
#CCFFFF
(180, 20, 100)



     
#00CCCC
(180, 100, 80)
#00CC99
(165, 100, 80)
#00CC66
(150, 100, 80)
#00CC33
(135, 100, 80)
 
     
#0099CC
(195, 100, 80)
#33CCCC
(180, 75, 80)
#33CC99
(160, 75, 80)
#33CC66
(140, 75, 80)
 
     
#0066CC
(210, 100, 80)
#3399CC
(200, 75, 80)
#66CCCC
(180, 50, 80)
#66CC99
(150, 50, 80)
 
     
#0033CC
(225, 100, 80)
#3366CC
(220, 75, 80)
#6699CC
(210, 50, 80)
#99CCCC
(180, 25, 80)



     
#009999
(180, 100, 60)
#009966
(160, 100, 60)
#009933
(140, 100, 60)
  
     
#006699
(200, 100, 60)
#339999
(180, 67, 60)
#339966
(150, 67, 60)
  
     
#003399
(220, 100, 60)
#336699
(210, 67, 60)
#669999
(180, 33, 60)


     
#006666
(180, 100, 40)
#006633
(150, 100, 40)
   
     
#003366
(210, 100, 40)
#336666
(180, 50, 40)
   


     
#003333
(180, 100, 20)


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

Blue 계열  (0) 2018.07.13
Yellow 계열  (0) 2018.07.13
Magenta 계열  (0) 2018.07.13
채도 100%  (0) 2018.07.13
채도 80%  (0) 2018.07.13

톤 변화

     
#FF00FF
(300, 100, 100)
#FF33FF
(300, 80, 100)
#FF66FF
(300, 60, 100)
#FF99FF
(300, 40, 100)
#FFCCFF
(300, 20, 100)
     
#CC00CC
(300, 100, 80)
#CC28CC
(300, 80, 80)
#CC51CC
(300, 60, 80)
#CC7ACC
(300, 40, 80)
#CCA3CC
(300, 20, 80)
     
#990099
(300, 100, 60)
#991E99
(300, 80, 60)
#993D99
(300, 60, 60)
#995B99
(300, 40, 60)
#997A99
(300, 20, 60)
     
#660066
(300, 100, 40)
#661466
(300, 80, 40)
#662866
(300, 60, 40)
#663D66
(300, 40, 40)
#665166
(300, 20, 40)
     
#330033
(300, 100, 20)
#330A33
(300, 80, 20)
#331433
(300, 60, 20)
#331E33
(300, 40, 20)
#332833
(300, 20, 20)

색상+톤 변화

     
#FF00FF
(300, 100, 100)
#FF00CC
(312, 100, 100)
#FF0099
(324, 100, 100)
#FF0066
(336, 100, 100)
#FF0033
(348, 100, 100)
     
#CC00FF
(288, 100, 100)
#FF33FF
(300, 80, 100)
#FF33CC
(315, 80, 100)
#FF3399
(330, 80, 100)
#FF3366
(345, 80, 100)
     
#9900FF
(276, 100, 100)
#CC33FF
(285, 80, 100)
#FF66FF
(300, 60, 100)
#FF66CC
(320, 60, 100)
#FF6699
(340, 60, 100)
     
#6600FF
(264, 100, 100)
#9933FF
(270, 80, 100)
#CC66FF
(280, 60, 100)
#FF99FF
(300, 40, 100)
#FF99CC
(330, 40, 100)
     
#3300FF
(252, 100, 100)
#6633FF
(255, 80, 100)
#9966FF
(260, 60, 100)
#CC99FF
(270, 40, 100)
#FFCCFF
(300, 20, 100)

     
#CC00CC
(300, 100, 80)
#CC0099
(315, 100, 80)
#CC0066
(330, 100, 80)
#CC0033
(345, 100, 80)
 
     
#9900CC
(285, 100, 80)
#CC33CC
(300, 75, 80)
#CC3399
(320, 75, 80)
#CC3366
(340, 75, 80)
 
     
#6600CC
(270, 100, 80)
#9933CC
(280, 75, 80)
#CC66CC
(300, 50, 80)
#CC6699
(330, 50, 80)
 
     
#3300CC
(255, 100, 80)
#6633CC
(260, 75, 80)
#9966CC
(270, 50, 80)
#CC99CC
(300, 25, 80)


     
#990099
(300, 100, 60)
#990066
(320, 100, 60)
#990033
(340, 100, 60)
  
     
#660099
(280, 100, 60)
#993399
(300, 67, 60)
#993366
(330, 67, 60)
  
     
#330099
(260, 100, 60)
#663399
(270, 67, 60)
#996699
(300, 33, 60)



     
#660066
(300, 100, 40)
#660033
(330, 100, 40)
   
     
#330066
(270, 100, 40)
#663366
(300, 50, 40)



     
#330033
(300, 100, 20)


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

Yellow 계열  (0) 2018.07.13
Cyan 계열  (0) 2018.07.13
채도 100%  (0) 2018.07.13
채도 80%  (0) 2018.07.13
채도 60%  (0) 2018.07.13

명도 변화 (high-->low)


     
#FF0000
(0, 100, 100)
#CC0000
(0, 100, 80)
#990000
(0, 100, 60)
#660000
(0, 100, 40)
#330000
(0, 100, 20)
     
#FF7F00
(30, 100, 100)
#CC6600
(30, 100, 80)
#994C00
(30, 100, 60)
#663300
(30, 100, 40)
#331900
(30, 100, 20)
     
#FFFF00
(60, 100, 100)
#CCCC00
(60, 100, 80)
#999900
(60, 100, 60)
#666600
(60, 100, 40)
#333300
(60, 100, 20)
     
#7FFF00
(90, 100, 100)
#66CC00
(90, 100, 80)
#4C9900
(90, 100, 60)
#336600
(90, 100, 40)
#193300
(90, 100, 20)
     
#00FF00
(120, 100, 100)
#00CC00
(120, 100, 80)
#009900
(120, 100, 60)
#006600
(120, 100, 40)
#003300
(120, 100, 20)
     
#00FF7F
(150, 100, 100)
#00CC66
(150, 100, 80)
#00994C
(150, 100, 60)
#006633
(150, 100, 40)
#003319
(150, 100, 20)
     
#00FFFF
(180, 100, 100)
#00CCCC
(180, 100, 80)
#009999
(180, 100, 60)
#006666
(180, 100, 40)
#003333
(180, 100, 20)
     
#007FFF
(210, 100, 100)
#0066CC
(210, 100, 80)
#004C99
(210, 100, 60)
#003366
(210, 100, 40)
#001933
(210, 100, 20)
     
#0000FF
(240, 100, 100)
#0000CC
(240, 100, 80)
#000099
(240, 100, 60)
#000066
(240, 100, 40)
#000033
(240, 100, 20)
     
#7F00FF
(270, 100, 100)
#6600CC
(270, 100, 80)
#4C0099
(270, 100, 60)
#330066
(270, 100, 40)
#190033
(270, 100, 20)
     
#FF00FF
(300, 100, 100)
#CC00CC
(300, 100, 80)
#990099
(300, 100, 60)
#660066
(300, 100, 40)
#330033
(300, 100, 20)
     
#FF007F
(330, 100, 100)
#CC0066
(330, 100, 80)
#99004C
(330, 100, 60)
#660033
(330, 100, 40)
#330019
(330, 100, 20)


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

Cyan 계열  (0) 2018.07.13
Magenta 계열  (0) 2018.07.13
채도 80%  (0) 2018.07.13
채도 60%  (0) 2018.07.13
채도 40%  (0) 2018.07.13

명도 변화 (high-->low)


     
#FF3333
(0, 80, 100)
#CC2828
(0, 80, 80)
#991E1E
(0, 80, 60)
#661414
(0, 80, 40)
#330A0A
(0, 80, 20)
     
#FF9933
(30, 80, 100)
#CC7A28
(30, 80, 80)
#995B1E
(30, 80, 60)
#663D14
(30, 80, 40)
#331E0A
(30, 80, 20)
     
#FFFF33
(60, 80, 100)
#CCCC28
(60, 80, 80)
#99991E
(60, 80, 60)
#666614
(60, 80, 40)
#33330A
(60, 80, 20)
     
#99FF33
(90, 80, 100)
#7ACC28
(90, 80, 80)
#5B991E
(90, 80, 60)
#3D6614
(90, 80, 40)
#1E330A
(90, 80, 20)
     
#33FF33
(120, 80, 100)
#28CC28
(120, 80, 80)
#1E991E
(120, 80, 60)
#146614
(120, 80, 40)
#0A330A
(120, 80, 20)
     
#33FF99
(150, 80, 100)
#28CC7A
(150, 80, 80)
#1E995B
(150, 80, 60)
#14663D
(150, 80, 40)
#0A331E
(150, 80, 20)
     
#33FFFF
(180, 80, 100)
#28CCCC
(180, 80, 80)
#1E9999
(180, 80, 60)
#146666
(180, 80, 40)
#0A3333
(180, 80, 20)
     
#3399FF
(210, 80, 100)
#287ACC
(210, 80, 80)
#1E5B99
(210, 80, 60)
#143D66
(210, 80, 40)
#0A1E33
(210, 80, 20)
     
#3333FF
(240, 80, 100)
#2828CC
(240, 80, 80)
#1E1E99
(240, 80, 60)
#141466
(240, 80, 40)
#0A0A33
(240, 80, 20)
     
#9933FF
(270, 80, 100)
#7A28CC
(270, 80, 80)
#5B1E99
(270, 80, 60)
#3D1466
(270, 80, 40)
#1E0A33
(270, 80, 20)
     
#FF33FF
(300, 80, 100)
#CC28CC
(300, 80, 80)
#991E99
(300, 80, 60)
#661466
(300, 80, 40)
#330A33
(300, 80, 20)
     
#FF3399
(330, 80, 100)
#CC287A
(330, 80, 80)
#991E5B
(330, 80, 60)
#66143D
(330, 80, 40)
#330A1E
(330, 80, 20)


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

Magenta 계열  (0) 2018.07.13
채도 100%  (0) 2018.07.13
채도 60%  (0) 2018.07.13
채도 40%  (0) 2018.07.13
채도 20%  (0) 2018.07.13

명도 변화 (high-->low)


     
#FF6666
(0, 60, 100)
#CC5151
(0, 60, 80)
#993D3D
(0, 60, 60)
#662828
(0, 60, 40)
#331414
(0, 60, 20)
     
#FFB266
(30, 60, 100)
#CC8E51
(30, 60, 80)
#996B3D
(30, 60, 60)
#664728
(30, 60, 40)
#332314
(30, 60, 20)
     
#FFFF66
(60, 60, 100)
#CCCC51
(60, 60, 80)
#99993D
(60, 60, 60)
#666628
(60, 60, 40)
#333314
(60, 60, 20)
     
#B2FF66
(90, 60, 100)
#8ECC51
(90, 60, 80)
#6B993D
(90, 60, 60)
#476628
(90, 60, 40)
#233314
(90, 60, 20)
     
#66FF66
(120, 60, 100)
#51CC51
(120, 60, 80)
#3D993D
(120, 60, 60)
#286628
(120, 60, 40)
#143314
(120, 60, 20)
     
#66FFB2
(150, 60, 100)
#51CC8E
(150, 60, 80)
#3D996B
(150, 60, 60)
#286647
(150, 60, 40)
#143323
(150, 60, 20)
     
#66FFFF
(180, 60, 100)
#51CCCC
(180, 60, 80)
#3D9999
(180, 60, 60)
#286666
(180, 60, 40)
#143333
(180, 60, 20)
     
#66B2FF
(210, 60, 100)
#518ECC
(210, 60, 80)
#3D6B99
(210, 60, 60)
#284766
(210, 60, 40)
#142333
(210, 60, 20)
     
#6666FF
(240, 60, 100)
#5151CC
(240, 60, 80)
#3D3D99
(240, 60, 60)
#282866
(240, 60, 40)
#141433
(240, 60, 20)
     
#B266FF
(270, 60, 100)
#8E51CC
(270, 60, 80)
#6B3D99
(270, 60, 60)
#472866
(270, 60, 40)
#231433
(270, 60, 20)
     
#FF66FF
(300, 60, 100)
#CC51CC
(300, 60, 80)
#993D99
(300, 60, 60)
#662866
(300, 60, 40)
#331433
(300, 60, 20)
     
#FF66B2
(330, 60, 100)
#CC518E
(330, 60, 80)
#993D6B
(330, 60, 60)
#662847
(330, 60, 40)
#331423
(330, 60, 20)


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

채도 100%  (0) 2018.07.13
채도 80%  (0) 2018.07.13
채도 40%  (0) 2018.07.13
채도 20%  (0) 2018.07.13
명도 100%  (0) 2018.07.13
명도 변화 (high-->low)

     
#FF9999
(0, 40, 100)
#CC7A7A
(0, 40, 80)
#995B5B
(0, 40, 60)
#663D3D
(0, 40, 40)
#331E1E
(0, 40, 20)
     
#FFCC99
(30, 40, 100)
#CCA37A
(30, 40, 80)
#997A5B
(30, 40, 60)
#66513D
(30, 40, 40)
#33281E
(30, 40, 20)
     
#FFFF99
(60, 40, 100)
#CCCC7A
(60, 40, 80)
#99995B
(60, 40, 60)
#66663D
(60, 40, 40)
#33331E
(60, 40, 20)
     
#CCFF99
(90, 40, 100)
#A3CC7A
(90, 40, 80)
#7A995B
(90, 40, 60)
#51663D
(90, 40, 40)
#28331E
(90, 40, 20)
     
#99FF99
(120, 40, 100)
#7ACC7A
(120, 40, 80)
#5B995B
(120, 40, 60)
#3D663D
(120, 40, 40)
#1E331E
(120, 40, 20)
     
#99FFCC
(150, 40, 100)
#7ACCA3
(150, 40, 80)
#5B997A
(150, 40, 60)
#3D6651
(150, 40, 40)
#1E3328
(150, 40, 20)
     
#99FFFF
(180, 40, 100)
#7ACCCC
(180, 40, 80)
#5B9999
(180, 40, 60)
#3D6666
(180, 40, 40)
#1E3333
(180, 40, 20)
     
#99CCFF
(210, 40, 100)
#7AA3CC
(210, 40, 80)
#5B7A99
(210, 40, 60)
#3D5166
(210, 40, 40)
#1E2833
(210, 40, 20)
     
#9999FF
(240, 40, 100)
#7A7ACC
(240, 40, 80)
#5B5B99
(240, 40, 60)
#3D3D66
(240, 40, 40)
#1E1E33
(240, 40, 20)
     
#CC99FF
(270, 40, 100)
#A37ACC
(270, 40, 80)
#7A5B99
(270, 40, 60)
#513D66
(270, 40, 40)
#281E33
(270, 40, 20)
     
#FF99FF
(300, 40, 100)
#CC7ACC
(300, 40, 80)
#995B99
(300, 40, 60)
#663D66
(300, 40, 40)
#331E33
(300, 40, 20)
     
#FF99CC
(330, 40, 100)
#CC7AA3
(330, 40, 80)
#995B7A
(330, 40, 60)
#663D51
(330, 40, 40)
#331E28
(330, 40, 20)



'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

채도 80%  (0) 2018.07.13
채도 60%  (0) 2018.07.13
채도 20%  (0) 2018.07.13
명도 100%  (0) 2018.07.13
명도 80%  (0) 2018.07.13
명도 변화 (high-->low)

     
#FFCCCC
(0, 20, 100)
#CCA3A3
(0, 20, 80)
#997A7A
(0, 20, 60)
#665151
(0, 20, 40)
#332828
(0, 20, 20)
     
#FFE599
(30, 20, 100)
#CCB7A3
(30, 20, 80)
#99897A
(30, 20, 60)
#665B51
(30, 20, 40)
#332D28
(30, 20, 20)
     
#FFFFCC
(60, 20, 100)
#CCCCA3
(60, 20, 80)
#99997A
(60, 20, 60)
#666651
(60, 20, 40)
#333328
(60, 20, 20)
     
#E5FFCC
(90, 20, 100)
#B7CCA3
(90, 20, 80)
#89997A
(90, 20, 60)
#5B6651
(90, 20, 40)
#2D3328
(90, 20, 20)
     
#CCFFCC
(120, 20, 100)
#A3CCA3
(120, 20, 80)
#7A997A
(120, 20, 60)
#516651
(120, 20, 40)
#283328
(120, 20, 20)
     
#CCFFE5
(150, 20, 100)
#A3CCB7
(150, 20, 80)
#7A9989
(150, 20, 60)
#51665B
(150, 20, 40)
#28332D
(150, 20, 20)
     
#CCFFFF
(180, 20, 100)
#A3CCCC
(180, 20, 80)
#7A9999
(180, 20, 60)
#516666
(180, 20, 40)
#283333
(180, 20, 20)
     
#CCE5FF
(210, 20, 100)
#A3B7CC
(210, 20, 80)
#7A8999
(210, 20, 60)
#515B66
(210, 20, 40)
#282D33
(210, 20, 20)
     
#CCCCFF
(240, 20, 100)
#A3A3CC
(240, 20, 80)
#7A7A99
(240, 20, 60)
#515166
(240, 20, 40)
#282833
(240, 20, 20)
     
#E5CCFF
(270, 20, 100)
#B7A3CC
(270, 20, 80)
#897A99
(270, 20, 60)
#5B5166
(270, 20, 40)
#2D2833
(270, 20, 20)
     
#FFCCFF
(300, 20, 100)
#CCA3CC
(300, 20, 80)
#997A99
(300, 20, 60)
#665166
(300, 20, 40)
#332833
(300, 20, 20)
     
#FFCCE5
(330, 20, 100)
#CCA3B7
(330, 20, 80)
#997A89
(330, 20, 60)
#66515B
(330, 20, 40)
#33282D
(330, 20, 20)



'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

채도 60%  (0) 2018.07.13
채도 40%  (0) 2018.07.13
명도 100%  (0) 2018.07.13
명도 80%  (0) 2018.07.13
명도 60%  (0) 2018.07.13
     
#FF0000
(0, 100, 100)
#FF3333
(0, 80, 100)
#FF6666
(0, 60, 100)
#FF9999
(0, 40, 100)
#FFCCCC
(0, 20, 100)
     
#FF7F00
(30, 100, 100)
#FF9933
(30, 80, 100)
#FFB266
(30, 60, 100)
#FFCC99
(30, 40, 100)
#FFE5CC
(30, 20, 100)
     
#FFFF00
(60, 100, 100)
#FFFF33
(60, 80, 100)
#FFFF66
(60, 60, 100)
#FFFF99
(60, 40, 100)
#FFFFCC
(60, 20, 100)
     
#7FFF00
(90, 100, 100)
#99FF33
(90, 80, 100)
#B2FF66
(90, 60, 100)
#CCFF99
(90, 40, 100)
#E5FFCC
(90, 20, 100)
     
#00FF00
(120, 100, 100)
#33FF33
(120, 80, 100)
#66FF66
(120, 60, 100)
#99FF99
(120, 40, 100)
#CCFFCC
(120, 20, 100)
     
#00FF7F
(150, 100, 100)
#33FF99
(150, 80, 100)
#66FFB2
(150, 60, 100)
#99FFCC
(150, 40, 100)
#CCFFE5
(150, 20, 100)
     
#00FFFF
(180, 100, 100)
#33FFFF
(180, 80, 100)
#66FFFF
(180, 60, 100)
#99FFFF
(180, 40, 100)
#CCFFFF
(180, 20, 100)
     
#007FFF
(210, 100, 100)
#3399FF
(210, 80, 100)
#66B2FF
(210, 60, 100)
#99CCFF
(210, 40, 100)
#CCE5FF
(210, 20, 100)
     
#0000FF
(240, 100, 100)
#3333FF
(240, 80, 100)
#6666FF
(240, 60, 100)
#9999FF
(240, 40, 100)
#CCCCFF
(240, 20, 100)
     
#7F00FF
(270, 100, 100)
#9933FF
(270, 80, 100)
#B266FF
(270, 60, 100)
#CC99FF
(270, 40, 100)
#E5CCFF
(270, 20, 100)
     
#FF00FF
(300, 100, 100)
#FF33FF
(300, 80, 100)
#FF66FF
(300, 60, 100)
#FF99FF
(300, 40, 100)
#FFCCFF
(300, 20, 100)
     
#FF007F
(330, 100, 100)
#FF3399
(330, 80, 100)
#FF66B2
(330, 60, 100)
#FF99CC
(330, 40, 100)
#FFCCE5
(330, 20, 100)


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

채도 40%  (0) 2018.07.13
채도 20%  (0) 2018.07.13
명도 80%  (0) 2018.07.13
명도 60%  (0) 2018.07.13
명도 40%  (0) 2018.07.13
     
#CC0000
(0, 100, 80)
#CC2828
(0, 80, 80)
#CC5151
(0, 60, 80)
#CC7A7A
(0, 40, 80)
#CCA3A3
(0, 20, 80)
     
#CC6600
(30, 100, 80)
#CC7A28
(30, 80, 80)
#CC8E51
(30, 60, 80)
#CCA37A
(30, 40, 80)
#CCB7A3
(30, 20, 80)
     
#CCCC00
(60, 100, 80)
#CCCC28
(60, 80, 80)
#CCCC51
(60, 60, 80)
#CCCC7A
(60, 40, 80)
#CCCCA3
(60, 20, 80)
     
#66CC00
(90, 100, 80)
#7ACC28
(90, 80, 80)
#8ECC51
(90, 60, 80)
#A3CC7A
(90, 40, 80)
#B7CCA3
(90, 20, 80)
     
#00CC00
(120, 100, 80)
#28CC28
(120, 80, 80)
#51CC51
(120, 60, 80)
#7ACC7A
(120, 40, 80)
#A3CCA3
(120, 20, 80)
     
#00CC66
(150, 100, 80)
#28CC7A
(150, 80, 80)
#51CC8E
(150, 60, 80)
#7ACCA3
(150, 40, 80)
#A3CCB7
(150, 20, 80)
     
#00CCCC
(180, 100, 80)
#28CCCC
(180, 80, 80)
#51CCCC
(180, 60, 80)
#7ACCCC
(180, 40, 80)
#A3CCCC
(180, 20, 80)
     
#0066CC
(210, 100, 80)
#287ACC
(210, 80, 80)
#518ECC
(210, 60, 80)
#7AA3CC
(210, 40, 80)
#A3B7CC
(210, 20, 80)
     
#0000CC
(240, 100, 80)
#2828CC
(240, 80, 80)
#5151CC
(240, 60, 80)
#7A7ACC
(240, 40, 80)
#A3A3CC
(240, 20, 80)
     
#6600CC
(270, 100, 80)
#7A28CC
(270, 80, 80)
#8E51CC
(270, 60, 80)
#A37ACC
(270, 40, 80)
#B7A3CC
(270, 20, 80)
     
#CC00CC
(300, 100, 80)
#CC28CC
(300, 80, 80)
#CC51CC
(300, 60, 80)
#CC7ACC
(300, 40, 80)
#CCA3CC
(300, 20, 80)
     
#CC0066
(330, 100, 80)
#CC287A
(330, 80, 80)
#CC518E
(330, 60, 80)
#CC7AA3
(330, 40, 80)
#CCA3B7
(330, 20, 80)

'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

채도 20%  (0) 2018.07.13
명도 100%  (0) 2018.07.13
명도 60%  (0) 2018.07.13
명도 40%  (0) 2018.07.13
명도 20%  (0) 2018.07.13
채도 변화 (high-->low)

     
#990000
(0, 100, 60)
#991E1E
(0, 80, 60)
#993D3D
(0, 60, 60)
#995B5B
(0, 40, 60)
#997A7A
(0, 20, 60)
     
#994C00
(30, 100, 60)
#995B1E
(30, 80, 60)
#996B3D
(30, 60, 60)
#997A5B
(30, 40, 60)
#99897A
(30, 20, 60)
     
#999900
(60, 100, 60)
#99991E
(60, 80, 60)
#99993D
(60, 60, 60)
#99995B
(60, 40, 60)
#99997A
(60, 20, 60)
     
#4C9900
(90, 100, 60)
#5B991E
(90, 80, 60)
#6B993D
(90, 60, 60)
#7A995B
(90, 40, 60)
#89997A
(90, 20, 60)
     
#009900
(120, 100, 60)
#1E991E
(120, 80, 60)
#3D993D
(120, 60, 60)
#5B995B
(120, 40, 60)
#7A997A
(120, 20, 60)
     
#00994C
(150, 100, 60)
#1E995B
(150, 80, 60)
#3D996B
(150, 60, 60)
#5B997A
(150, 40, 60)
#7A9989
(150, 20, 60)
     
#009999
(180, 100, 60)
#1E9999
(180, 80, 60)
#3D9999
(180, 60, 60)
#5B9999
(180, 40, 60)
#7A9999
(180, 20, 60)
     
#004C99
(210, 100, 60)
#1E5B99
(210, 80, 60)
#3D6B99
(210, 60, 60)
#5B7A99
(210, 40, 60)
#7A8999
(210, 20, 60)
     
#000099
(240, 100, 60)
#1E1E99
(240, 80, 60)
#3D3D99
(240, 60, 60)
#5B5B99
(240, 40, 60)
#7A7A99
(240, 20, 60)
     
#4C0099
(270, 100, 60)
#5B1E99
(270, 80, 60)
#6B3D99
(270, 60, 60)
#7A5B99
(270, 40, 60)
#897A99
(270, 20, 60)
     
#990099
(300, 100, 60)
#991E99
(300, 80, 60)
#993D99
(300, 60, 60)
#995B99
(300, 40, 60)
#997A99
(300, 20, 60)
     
#99004C
(330, 100, 60)
#991E5B
(330, 80, 60)
#993D6B
(330, 60, 60)
#995B7A
(330, 40, 60)
#997A89
(330, 20, 60)



'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

명도 100%  (0) 2018.07.13
명도 80%  (0) 2018.07.13
명도 40%  (0) 2018.07.13
명도 20%  (0) 2018.07.13
선명한(vivid) 톤  (0) 2018.07.13
채도 변화 (high-->low)

     
#660000
(0, 100, 40)
#661414
(0, 80, 40)
#662828
(0, 60, 40)
#663D3D
(0, 40, 40)
#665151
(0, 20, 40)
     
#663300
(30, 100, 40)
#663D14
(30, 80, 40)
#664728
(30, 60, 40)
#66513D
(30, 40, 40)
#665B51
(30, 20, 40)
     
#666600
(60, 100, 40)
#666614
(60, 80, 40)
#666628
(60, 60, 40)
#66663D
(60, 40, 40)
#666651
(60, 20, 40)
     
#336600
(90, 100, 40)
#3D6614
(90, 80, 40)
#476628
(90, 60, 40)
#51663D
(90, 40, 40)
#5B6651
(90, 20, 40)
     
#006600
(120, 100, 40)
#146614
(120, 80, 40)
#286628
(120, 60, 40)
#3D663D
(120, 40, 40)
#516651
(120, 20, 40)
     
#006633
(150, 100, 40)
#14663D
(150, 80, 40)
#286647
(150, 60, 40)
#3D6651
(150, 40, 40)
#51665B
(150, 20, 40)
     
#006666
(180, 100, 40)
#146666
(180, 80, 40)
#286666
(180, 60, 40)
#3D6666
(180, 40, 40)
#516666
(180, 20, 40)
     
#003366
(210, 100, 40)
#143D66
(210, 80, 40)
#284766
(210, 60, 40)
#3D5166
(210, 40, 40)
#515B66
(210, 20, 40)
     
#000066
(240, 100, 40)
#141466
(240, 80, 40)
#282866
(240, 60, 40)
#3D3D66
(240, 40, 40)
#515166
(240, 20, 40)
     
#330066
(270, 100, 40)
#3D1466
(270, 80, 40)
#472866
(270, 60, 40)
#513D66
(270, 40, 40)
#5B5166
(270, 20, 40)
     
#660066
(300, 100, 40)
#661466
(300, 80, 40)
#662866
(300, 60, 40)
#663D66
(300, 40, 40)
#665166
(300, 20, 40)
     
#660033
(330, 100, 40)
#66143D
(330, 80, 40)
#662847
(330, 60, 40)
#663D51
(330, 40, 40)
#66515B
(330, 20, 40)



'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

명도 80%  (0) 2018.07.13
명도 60%  (0) 2018.07.13
명도 20%  (0) 2018.07.13
선명한(vivid) 톤  (0) 2018.07.13
밝은(bright) 톤  (0) 2018.07.13

채도 변화 (high-->low)

     
#330000
(0, 100, 20)
#330A0A
(0, 80, 20)
#331414
(0, 60, 20)
#331E1E
(0, 40, 20)
#332828
(0, 20, 20)
     
#331900
(30, 100, 20)
#331E0A
(30, 80, 20)
#332314
(30, 60, 20)
#33281E
(30, 40, 20)
#332D28
(30, 20, 20)
     
#333300
(60, 100, 20)
#33330A
(60, 80, 20)
#333314
(60, 60, 20)
#33331E
(60, 40, 20)
#333328
(60, 20, 20)
     
#193300
(90, 100, 20)
#1E330A
(90, 80, 20)
#233314
(90, 60, 20)
#28331E
(90, 40, 20)
#2D3328
(90, 20, 20)
     
#003300
(120, 100, 20)
#0A330A
(120, 80, 20)
#143314
(120, 60, 20)
#1E331E
(120, 40, 20)
#283328
(120, 20, 20)
     
#003319
(150, 100, 20)
#0A331E
(150, 80, 20)
#143323
(150, 60, 20)
#1E3328
(150, 40, 20)
#28332D
(150, 20, 20)
     
#003333
(180, 100, 20)
#0A3333
(180, 80, 20)
#143333
(180, 60, 20)
#1E3333
(180, 40, 20)
#283333
(180, 20, 20)
     
#001933
(210, 100, 20)
#0A1E33
(210, 80, 20)
#142333
(210, 60, 20)
#1E2833
(210, 40, 20)
#282D33
(210, 20, 20)
     
#000033
(240, 100, 20)
#0A0A33
(240, 80, 20)
#141433
(240, 60, 20)
#1E1E33
(240, 40, 20)
#282833
(240, 20, 20)
     
#190033
(270, 100, 20)
#1E0A33
(270, 80, 20)
#231433
(270, 60, 20)
#281E33
(270, 40, 20)
#2D2833
(270, 20, 20)
     
#330033
(300, 100, 20)
#330A33
(300, 80, 20)
#331433
(300, 60, 20)
#331E33
(300, 40, 20)
#332833
(300, 20, 20)
     
#330019
(330, 100, 20)
#330A1E
(330, 80, 20)
#331423
(330, 60, 20)
#331E28
(330, 40, 20)
#33282D
(330, 20, 20)



'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

명도 60%  (0) 2018.07.13
명도 40%  (0) 2018.07.13
선명한(vivid) 톤  (0) 2018.07.13
밝은(bright) 톤  (0) 2018.07.13
강한(strong) 톤  (0) 2018.07.13
     
#FF0066
(336, 100, 100)
#FF0033
(348, 100, 100)
#FF0000
(0, 100, 100)
#FF3300
(12, 100, 100)
#FF6600
(24, 100, 100)
     
#FF9900
(36, 100, 100)
#FFCC00
(48, 100, 100)
#FFFF00
(60, 100, 100)
#CCFF00
(72, 100, 100)
#99FF00
(84, 100, 100)
     
#66FF00
(96, 100, 100)
#33FF00
(108, 100, 100)
#00FF00
(120, 100, 100)
#00FF33
(132, 100, 100)
#00FF66
(144, 100, 100)
     
#00FF99
(156, 100, 100)
#00FFCC
(168, 100, 100)
#00FFFF
(180, 100, 100)
#00CCFF
(192, 100, 100)
#0099FF
(204, 100, 100)
     
#0066FF
(216, 100, 100)
#0033FF
(228, 100, 100)
#0000FF
(240, 100, 100)
#3300FF
(252, 100, 100)
#6600FF
(264, 100, 100)
     
#9900FF
(276, 100, 100)
#CC00FF
(288, 100, 100)
#FF00FF
(300, 100, 100)
#FF00CC
(312, 100, 100)
#FF0099
(324, 100, 100)
  • 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

명도 40%  (0) 2018.07.13
명도 20%  (0) 2018.07.13
밝은(bright) 톤  (0) 2018.07.13
강한(strong) 톤  (0) 2018.07.13
깊은(deep) 톤  (0) 2018.07.13
     
#FF3384
(336, 80, 100)
#FF335B
(348, 80, 100)
#FF3333
(0, 80, 100)
#FF5B33
(12, 80, 100)
#FF8433
(24, 80, 100)
     
#FFAD33
(36, 80, 100)
#FFD633
(48, 80, 100)
#FFFF33
(60, 80, 100)
#D6FF33
(72, 80, 100)
#ADFF33
(84, 80, 100)
     
#84FF33
(96, 80, 100)
#5BFF33
(108, 80, 100)
#33FF33
(120, 80, 100)
#33FF5B
(132, 80, 100)
#33FF84
(144, 80, 100)
     
#33FFAD
(156, 80, 100)
#33FFD6
(168, 80, 100)
#33FFFF
(180, 80, 100)
#33D6FF
(192, 80, 100)
#33ADFF
(204, 80, 100)
     
#3384FF
(216, 80, 100)
#335BFF
(228, 80, 100)
#3333FF
(240, 80, 100)
#5B33FF
(252, 80, 100)
#8433FF
(264, 80, 100)
     
#AD33FF
(276, 80, 100)
#D633FF
(288, 80, 100)
#FF33FF
(300, 80, 100)
#FF33D6
(312, 80, 100)
#FF33AD
(324, 80, 100)
  • 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

명도 20%  (0) 2018.07.13
선명한(vivid) 톤  (0) 2018.07.13
강한(strong) 톤  (0) 2018.07.13
깊은(deep) 톤  (0) 2018.07.13
가벼운(light) 톤  (0) 2018.07.13
     
#CC286A
(336, 80, 80)
#CC2849
(348, 80, 80)
#CC2828
(0, 80, 80)
#CC4928
(12, 80, 80)
#CC6A28
(24, 80, 80)
     
#CC8A28
(36, 80, 80)
#CCAB28
(48, 80, 80)
#CCCC28
(60, 80, 80)
#ABCC28
(72, 80, 80)
#8ACC28
(84, 80, 80)
     
#6ACC28
(96, 80, 80)
#49CC28
(108, 80, 80)
#28CC28
(120, 80, 80)
#28CC49
(132, 80, 80)
#28CC6A
(144, 80, 80)
     
#28CC8A
(156, 80, 80)
#28CCAB
(168, 80, 80)
#28CCCC
(180, 80, 80)
#28ABCC
(192, 80, 80)
#288ACC
(204, 80, 80)
     
#286ACC
(216, 80, 80)
#2849CC
(228, 80, 80)
#2828CC
(240, 80, 80)
#4928CC
(252, 80, 80)
#6A28CC
(264, 80, 80)
     
#8A28CC
(276, 80, 80)
#AB28CC
(288, 80, 80)
#CC28CC
(300, 80, 80)
#CC28AB
(312, 80, 80)
#CC288A
(324, 80, 80)
  • 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

선명한(vivid) 톤  (0) 2018.07.13
밝은(bright) 톤  (0) 2018.07.13
깊은(deep) 톤  (0) 2018.07.13
가벼운(light) 톤  (0) 2018.07.13
부드러운(soft) 톤  (0) 2018.07.13
     
#CC0051
(336, 100, 80)
#CC0028
(348, 100, 80)
#CC0000
(0, 100, 80)
#CC2800
(12, 100, 80)
#CC5100
(24, 100, 80)
     
#CC7A00
(36, 100, 80)
#CCA300
(48, 100, 80)
#CCCC00
(60, 100, 80)
#A3CC00
(72, 100, 80)
#7ACC00
(84, 100, 80)
     
#51CC00
(96, 100, 80)
#28CC00
(108, 100, 80)
#00CC00
(120, 100, 80)
#00CC28
(132, 100, 80)
#00CC51
(144, 100, 80)
     
#00CC7A
(156, 100, 80)
#00CCA3
(168, 100, 80)
#00CCCC
(180, 100, 80)
#00A3CC
(192, 100, 80)
#007ACC
(204, 100, 80)
     
#0051CC
(216, 100, 80)
#0028CC
(228, 100, 80)
#0000CC
(240, 100, 80)
#2800CC
(252, 100, 80)
#5100CC
(264, 100, 80)
     
#7A00CC
(276, 100, 80)
#A300CC
(288, 100, 80)
#CC00CC
(300, 100, 80)
#CC00A3
(312, 100, 80)
#CC007A
(324, 100, 80)
  • 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

밝은(bright) 톤  (0) 2018.07.13
강한(strong) 톤  (0) 2018.07.13
가벼운(light) 톤  (0) 2018.07.13
부드러운(soft) 톤  (0) 2018.07.13
무딘(dull) 톤  (0) 2018.07.13
     
#FF99C1
(336, 40, 100)
#FF99AD
(348, 40, 100)
#FF9999
(0, 40, 100)
#FFAD99
(12, 40, 100)
#FFC199
(24, 40, 100)
     
#FFD699
(36, 40, 100)
#FFEA99
(48, 40, 100)
#FFFF99
(60, 40, 100)
#EAFF99
(72, 40, 100)
#D6FF99
(84, 40, 100)
     
#C1FF99
(96, 40, 100)
#ADFF99
(108, 40, 100)
#99FF99
(120, 40, 100)
#99FFAD
(132, 40, 100)
#99FFC1
(144, 40, 100)
     
#99FFD6
(156, 40, 100)
#99FFEA
(168, 40, 100)
#99FFFF
(180, 40, 100)
#99EAFF
(192, 40, 100)
#99D6FF
(204, 40, 100)
     
#99C1FF
(216, 40, 100)
#99ADFF
(228, 40, 100)
#9999FF
(240, 40, 100)
#AD99FF
(252, 40, 100)
#C199FF
(264, 40, 100)
     
#D699FF
(276, 40, 100)
#EA99FF
(288, 40, 100)
#FF99FF
(300, 40, 100)
#FF99EA
(312, 40, 100)
#FF99D6
(324, 40, 100)
  • 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

강한(strong) 톤  (0) 2018.07.13
깊은(deep) 톤  (0) 2018.07.13
부드러운(soft) 톤  (0) 2018.07.13
무딘(dull) 톤  (0) 2018.07.13
어두운(dark) 톤  (0) 2018.07.13
     
#CC7A9B
(336, 40, 80)
#CC7A8A
(348, 40, 80)
#CC7A7A
(0, 40, 80)
#CC8A7A
(12, 40, 80)
#CC9B7A
(24, 40, 80)
     
#CCAB7A
(36, 40, 80)
#CCBB7A
(48, 40, 80)
#CCCC7A
(60, 40, 80)
#BBCC7A
(72, 40, 80)
#ABCC7A
(84, 40, 80)
     
#9BCC7A
(96, 40, 80)
#8ACC7A
(108, 40, 80)
#7ACC7A
(120, 40, 80)
#7ACC8A
(132, 40, 80)
#7ACC9B
(144, 40, 80)
     
#7ACCAB
(156, 40, 80)
#7ACCBB
(168, 40, 80)
#7ACCCC
(180, 40, 80)
#7ABBCC
(192, 40, 80)
#7AABCC
(204, 40, 80)
     
#7A9BCC
(216, 40, 80)
#7A8ACC
(228, 40, 80)
#7A7ACC
(240, 40, 80)
#8A7ACC
(252, 40, 80)
#9B7ACC
(264, 40, 80)
     
#AB7ACC
(276, 40, 80)
#BB7ACC
(288, 40, 80)
#CC7ACC
(300, 40, 80)
#CC7ABB
(312, 40, 80)
#CC7AAB
(324, 40, 80)
  • 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

깊은(deep) 톤  (0) 2018.07.13
가벼운(light) 톤  (0) 2018.07.13
무딘(dull) 톤  (0) 2018.07.13
어두운(dark) 톤  (0) 2018.07.13
희미한(pale) 톤  (0) 2018.07.13
     
#995B74
(336, 40, 60)
#995B68
(348, 40, 60)
#995B5B
(0, 40, 60)
#99685B
(12, 40, 60)
#99745B
(24, 40, 60)
     
#99805B
(36, 40, 60)
#998C5B
(48, 40, 60)
#99995B
(60, 40, 60)
#8C995B
(72, 40, 60)
#80995B
(84, 40, 60)
     
#74995B
(96, 40, 60)
#68995B
(108, 40, 60)
#5B995B
(120, 40, 60)
#5B9968
(132, 40, 60)
#5B9974
(144, 40, 60)
     
#5B9980
(156, 40, 60)
#5B998C
(168, 40, 60)
#5B9999
(180, 40, 60)
#5B8C99
(192, 40, 60)
#5B8099
(204, 40, 60)
     
#5B7499
(216, 40, 60)
#5B6899
(228, 40, 60)
#5B5B99
(240, 40, 60)
#685B99
(252, 40, 60)
#745B99
(264, 40, 60)
     
#805B99
(276, 40, 60)
#8C5B99
(288, 40, 60)
#995B99
(300, 40, 60)
#995B8C
(312, 40, 60)
#995B80
(324, 40, 60)
  • 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

가벼운(light) 톤  (0) 2018.07.13
부드러운(soft) 톤  (0) 2018.07.13
어두운(dark) 톤  (0) 2018.07.13
희미한(pale) 톤  (0) 2018.07.13
밝고 탁한(light grayish) 톤  (0) 2018.07.13
     
#993D61
(336, 60, 60)
#993D4F
(348, 60, 60)
#993D3D
(0, 60, 60)
#994F3D
(12, 60, 60)
#99613D
(24, 60, 60)
     
#99743D
(36, 60, 60)
#99863D
(48, 60, 60)
#99993D
(60, 60, 60)
#86993D
(72, 60, 60)
#74993D
(84, 60, 60)
     
#61993D
(96, 60, 60)
#4F993D
(108, 60, 60)
#3D993D
(120, 60, 60)
#3D994F
(132, 60, 60)
#3D9961
(144, 60, 60)
     
#3D9974
(156, 60, 60)
#3D9986
(168, 60, 60)
#3D9999
(180, 60, 60)
#3D8699
(192, 60, 60)
#3D7499
(204, 60, 60)
     
#3D6199
(216, 60, 60)
#3D4F99
(228, 60, 60)
#3D3D99
(240, 60, 60)
#4F3D99
(252, 60, 60)
#613D99
(264, 60, 60)
     
#743D99
(276, 60, 60)
#863D99
(288, 60, 60)
#993D99
(300, 60, 60)
#993D86
(312, 60, 60)
#993D74
(324, 60, 60)
  • 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

부드러운(soft) 톤  (0) 2018.07.13
무딘(dull) 톤  (0) 2018.07.13
희미한(pale) 톤  (0) 2018.07.13
밝고 탁한(light grayish) 톤  (0) 2018.07.13
탁한(grayish) 톤  (0) 2018.07.13
     
#FFCCE0
(336, 20, 100)
#FFCCD6
(348, 20, 100)
#FFCCCC
(0, 20, 100)
#FFD6CC
(12, 20, 100)
#FFE0CC
(24, 20, 100)
     
#FFEACC
(36, 20, 100)
#FFF4CC
(48, 20, 100)
#FFFFCC
(60, 20, 100)
#F4FFCC
(72, 20, 100)
#EAFFCC
(84, 20, 100)
     
#E0FFCC
(96, 20, 100)
#D6FFCC
(108, 20, 100)
#CCFFCC
(120, 20, 100)
#CCFFD6
(132, 20, 100)
#CCFFE0
(144, 20, 100)
     
#CCFFEA
(156, 20, 100)
#CCFFF4
(168, 20, 100)
#CCFFFF
(180, 20, 100)
#CCF4FF
(192, 20, 100)
#CCEAFF
(204, 20, 100)
     
#CCE0FF
(216, 20, 100)
#CCD6FF
(228, 20, 100)
#CCCCFF
(240, 20, 100)
#D6CCFF
(252, 20, 100)
#E0CCFF
(264, 20, 100)
     
#EACCFF
(276, 20, 100)
#F4CCFF
(288, 20, 100)
#FFCCFF
(300, 20, 100)
#FFCCF4
(312, 20, 100)
#FFCCEA
(324, 20, 100)
  • 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

무딘(dull) 톤  (0) 2018.07.13
어두운(dark) 톤  (0) 2018.07.13
밝고 탁한(light grayish) 톤  (0) 2018.07.13
탁한(grayish) 톤  (0) 2018.07.13
어둡고 탁한(dark grayish) 톤  (0) 2018.07.13
     
#CCA3B3
(336, 20, 80)
#CCA3AB
(348, 20, 80)
#CCA3A3
(0, 20, 80)
#CCABA3
(12, 20, 80)
#CCB3A3
(24, 20, 80)
     
#CCBBA3
(36, 20, 80)
#CCC3A3
(48, 20, 80)
#CCCCA3
(60, 20, 80)
#C3CCA3
(72, 20, 80)
#BBCCA3
(84, 20, 80)
     
#B3CCA3
(96, 20, 80)
#ABCCA3
(108, 20, 80)
#A3CCA3
(120, 20, 80)
#A3CCAB
(132, 20, 80)
#A3CCB3
(144, 20, 80)
     
#A3CCBB
(156, 20, 80)
#A3CCC3
(168, 20, 80)
#A3CCCC
(180, 20, 80)
#A3C3CC
(192, 20, 80)
#A3BBCC
(204, 20, 80)
     
#A3B3CC
(216, 20, 80)
#A3ABCC
(228, 20, 80)
#A3A3CC
(240, 20, 80)
#ABA3CC
(252, 20, 80)
#B3A3CC
(264, 20, 80)
     
#BBA3CC
(276, 20, 80)
#C3A3CC
(288, 20, 80)
#CCA3CC
(300, 20, 80)
#CCA3C3
(312, 20, 80)
#CCA3BB
(324, 20, 80)
  • 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

무딘(dull) 톤  (0) 2018.07.13
어두운(dark) 톤  (0) 2018.07.13
희미한(pale) 톤  (0) 2018.07.13
탁한(grayish) 톤  (0) 2018.07.13
어둡고 탁한(dark grayish) 톤  (0) 2018.07.13
     
#997A86
(336, 20, 60)
#997A80
(348, 20, 60)
#997A7A
(0, 20, 60)
#99807A
(12, 20, 60)
#99867A
(24, 20, 60)
     
#998C7A
(36, 20, 60)
#99927A
(48, 20, 60)
#99997A
(60, 20, 60)
#92997A
(72, 20, 60)
#8C997A
(84, 20, 60)
     
#86997A
(96, 20, 60)
#80997A
(108, 20, 60)
#7A997A
(120, 20, 60)
#7A9980
(132, 20, 60)
#7A9986
(144, 20, 60)
     
#7A998C
(156, 20, 60)
#7A9992
(168, 20, 60)
#7A9999
(180, 20, 60)
#7A9299
(192, 20, 60)
#7A8C99
(204, 20, 60)
     
#7A8699
(216, 20, 60)
#7A8099
(228, 20, 60)
#7A7A99
(240, 20, 60)
#807A99
(252, 20, 60)
#867A99
(264, 20, 60)
     
#8C7A99
(276, 20, 60)
#927A99
(288, 20, 60)
#997A99
(300, 20, 60)
#997A92
(312, 20, 60)
#997A8C
(324, 20, 60)
  • 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

무딘(dull) 톤  (0) 2018.07.13
어두운(dark) 톤  (0) 2018.07.13
희미한(pale) 톤  (0) 2018.07.13
밝고 탁한(light grayish) 톤  (0) 2018.07.13
어둡고 탁한(dark grayish) 톤  (0) 2018.07.13

     
#663D4D
(336, 40, 40)
#663D45
(348, 40, 40)

#663D3D

(0, 40, 40)

#66453D
(12, 40, 40)
#664D3D
(24, 40, 40)
     
#66553D
(36, 40, 40)
#665D3D
(48, 40, 40)
#66663D
(60, 40, 40)
#5D663D
(72, 40, 40)
#55663D
(84, 40, 40)
     
#4D663D
(96, 40, 40)
#45663D
(108, 40, 40)
#3D663D
(120, 40, 40)
#3D6645
(132, 40, 40)
#3D664D
(144, 40, 40)
     
#3D6655
(156, 40, 40)
#3D665D
(168, 40, 40)
#3D6666
(180, 40, 40)
#3D5D66
(192, 40, 40)
#3D5566
(204, 40, 40)
     
#3D4D66
(216, 40, 40)
#3D4566
(228, 40, 40)
#3D3D66
(240, 40, 40)
#453D66
(252, 40, 40)
#4D3D66
(264, 40, 40)
     
#553D66
(276, 40, 40)
#5D3D66
(288, 40, 40)
#663D66
(300, 40, 40)
#663D5D
(312, 40, 40)
#663D55
(324, 40, 40)


  • 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.


'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글

무딘(dull) 톤  (0) 2018.07.13
어두운(dark) 톤  (0) 2018.07.13
희미한(pale) 톤  (0) 2018.07.13
밝고 탁한(light grayish) 톤  (0) 2018.07.13
탁한(grayish) 톤  (0) 2018.07.13

+ Recent posts