
블로그 커스텀하게 꾸미기 위한 필수 컬러 코드(Hex color cod) 알아보자.
가끔 블로그 포스팅 하다 보면 옵션창으로 글자색이나 배경색등 기존에 티스토리가 제공하는 기본색 이외 커스텀한 나만의 색으로 블로그를 HTML을 이용해 꾸며보고 싶을 때가 있는데 이럴 때 유용한 것이 색상코드랍니다.
일반적으로 색깔코드 혹은 헥사코드, 웹색깔 코드, 색상코드, HTML색상코드 등 등 다양하게 말하는데 같은 것입니다.
보통 색은 적 녹 파 세 가지 색으로 배합을 해서 만들듯이 코드값도 세가지 색상코드값으로 만들어집니다.
원하는 다양한 코드색상 값만 안다면 쉽게 원하는 색을 가져올 수 있기에 이 표가 유용하게 쓰입니다.
좀 더 블로그에 도움 되시길 바래요.
Hex color codes 란 RGB 방식 색상 코드 표기법이다. #과 뒤에 붙는 여섯 자리 또는 세 자리의 숫자로 색상을 표기하는 방식으로 여섯 자리인 경우는 두 자리씩 끊어서 각각 Red, Green, Blue의 강도를 256(=162)단계에 걸쳐 나타낸 것이며, 각 두 자릿수는 16진수이므로 00(=010)일 때 가장 어둡고 FF(=25510)일 때 가장 밝은 색입니다. 중간값은 80(=12810)이다. 세 자리인 경우는 한 자리씩 끊어서 역시 'Red', 'Green', 'Blue' 이며 각 색상의 강도를 16단계씩 나타냅니다.
여덟 자리 또는 네 자리로도 나타낼 수 있는데, 이 경우 각각 뒤에 추가되는 두 자리 또는 한 자리는 알파값 즉 투명도를 의미합니다. 00 또는 0일 때 완전히 투명해지고, FF 또는 F일때 불투명해집니다. 표기방법을 대충 이해하면 원하는 자주 쓰는 색상 코트값을 숙지하기 편하실 겁니다.
어차피 코드표 모두가 아닌 본인이 원하는 색상을 값만 기억하면 좀 더 연하고 불투명하게 하는 식으로 변형하면 많은 색상을 표를 굳이 보지 않고도 활용할 수 있으니 참고하세요.
오늘 하루도 다들 행복하시길 바랍니다.
HTML name | Hex code R G B |
Decimal code R G B |
---|---|---|
Pink | FF C0 CB |
255 192 203 |
LightPink | FF B6 C1 |
255 182 193 |
HotPink | FF 69 B4 |
255 105 180 |
DeepPink | FF 14 93 |
255 20 147 |
PaleVioletRed | DB 70 93 |
219 112 147 |
MediumVioletRed | C7 15 85 |
199 21 133 |
LightSalmon | FF A0 7A |
255 160 122 |
Salmon | FA 80 72 |
250 128 114 |
DarkSalmon | E9 96 7A |
233 150 122 |
LightCoral | F0 80 80 |
240 128 128 |
IndianRed | CD 5C 5C |
205 92 92 |
Crimson | DC 14 3C |
220 20 60 |
FireBrick | B2 22 22 |
178 34 34 |
DarkRed | 8B 00 00 |
139 0 0 |
Red | FF 00 00 |
255 0 0 |
OrangeRed | FF 45 00 |
255 69 0 |
Tomato | FF 63 47 |
255 99 71 |
Coral | FF 7F 50 |
255 127 80 |
DarkOrange | FF 8C 00 |
255 140 0 |
Orange | FF A5 00 |
255 165 0 |
Yellow | FF FF 00 |
255 255 0 |
LightYellow | FF FF E0 |
255 255 224 |
LemonChiffon | FF FA CD |
255 250 205 |
LightGoldenrodYellow | FA FA D2 |
250 250 210 |
PapayaWhip | FF EF D5 |
255 239 213 |
Moccasin | FF E4 B5 |
255 228 181 |
PeachPuff | FF DA B9 |
255 218 185 |
PaleGoldenrod | EE E8 AA |
238 232 170 |
Khaki | F0 E6 8C |
240 230 140 |
DarkKhaki | BD B7 6B |
189 183 107 |
Gold | FF D7 00 |
255 215 0 |
Cornsilk | FF F8 DC |
255 248 220 |
BlanchedAlmond | FF EB CD |
255 235 205 |
Bisque | FF E4 C4 |
255 228 196 |
NavajoWhite | FF DE AD |
255 222 173 |
Wheat | F5 DE B3 |
245 222 179 |
BurlyWood | DE B8 87 |
222 184 135 |
Tan | D2 B4 8C |
210 180 140 |
RosyBrown | BC 8F 8F |
188 143 143 |
SandyBrown | F4 A4 60 |
244 164 96 |
Goldenrod | DA A5 20 |
218 165 32 |
DarkGoldenrod | B8 86 0B |
184 134 11 |
Peru | CD 85 3F |
205 133 63 |
Chocolate | D2 69 1E |
210 105 30 |
SaddleBrown | 8B 45 13 |
139 69 19 |
Sienna | A0 52 2D |
160 82 45 |
Brown | A5 2A 2A |
165 42 42 |
Maroon | 80 00 00 |
128 0 0 |
DarkOliveGreen | 55 6B 2F |
85 107 47 |
Olive | 80 80 00 |
128 128 0 |
OliveDrab | 6B 8E 23 |
107 142 35 |
YellowGreen | 9A CD 32 |
154 205 50 |
LimeGreen | 32 CD 32 |
50 205 50 |
Lime | 00 FF 00 |
0 255 0 |
LawnGreen | 7C FC 00 |
124 252 0 |
Chartreuse | 7F FF 00 |
127 255 0 |
GreenYellow | AD FF 2F |
173 255 47 |
SpringGreen | 00 FF 7F |
0 255 127 |
MediumSpringGreen | 00 FA 9A |
0 250 154 |
LightGreen | 90 EE 90 |
144 238 144 |
PaleGreen | 98 FB 98 |
152 251 152 |
DarkSeaGreen | 8F BC 8F |
143 188 143 |
MediumSeaGreen | 3C B3 71 |
60 179 113 |
SeaGreen | 2E 8B 57 |
46 139 87 |
ForestGreen | 22 8B 22 |
34 139 34 |
Green | 00 80 00 |
0 128 0 |
DarkGreen | 00 64 00 |
0 100 0 |
MediumAquamarine | 66 CD AA |
102 205 170 |
Aqua | 00 FF FF |
0 255 255 |
Cyan | 00 FF FF |
0 255 255 |
LightCyan | E0 FF FF |
224 255 255 |
PaleTurquoise | AF EE EE |
175 238 238 |
Aquamarine | 7F FF D4 |
127 255 212 |
Turquoise | 40 E0 D0 |
64 224 208 |
MediumTurquoise | 48 D1 CC |
72 209 204 |
DarkTurquoise | 00 CE D1 |
0 206 209 |
LightSeaGreen | 20 B2 AA |
32 178 170 |
CadetBlue | 5F 9E A0 |
95 158 160 |
DarkCyan | 00 8B 8B |
0 139 139 |
Teal | 00 80 80 |
0 128 128 |
LightSteelBlue | B0 C4 DE |
176 196 222 |
PowderBlue | B0 E0 E6 |
176 224 230 |
LightBlue | AD D8 E6 |
173 216 230 |
SkyBlue | 87 CE EB |
135 206 235 |
LightSkyBlue | 87 CE FA |
135 206 250 |
DeepSkyBlue | 00 BF FF |
0 191 255 |
DodgerBlue | 1E 90 FF |
30 144 255 |
CornflowerBlue | 64 95 ED |
100 149 237 |
SteelBlue | 46 82 B4 |
70 130 180 |
RoyalBlue | 41 69 E1 |
65 105 225 |
Blue | 00 00 FF |
0 0 255 |
MediumBlue | 00 00 CD |
0 0 205 |
DarkBlue | 00 00 8B |
0 0 139 |
Navy | 00 00 80 |
0 0 128 |
MidnightBlue | 19 19 70 |
25 25 112 |
Lavender | E6 E6 FA |
230 230 250 |
Thistle | D8 BF D8 |
216 191 216 |
Plum | DD A0 DD |
221 160 221 |
Violet | EE 82 EE |
238 130 238 |
Orchid | DA 70 D6 |
218 112 214 |
Fuchsia | FF 00 FF |
255 0 255 |
Magenta | FF 00 FF |
255 0 255 |
MediumOrchid | BA 55 D3 |
186 85 211 |
MediumPurple | 93 70 DB |
147 112 219 |
BlueViolet | 8A 2B E2 |
138 43 226 |
DarkViolet | 94 00 D3 |
148 0 211 |
DarkOrchid | 99 32 CC |
153 50 204 |
DarkMagenta | 8B 00 8B |
139 0 139 |
Purple | 80 00 80 |
128 0 128 |
Indigo | 4B 00 82 |
75 0 130 |
DarkSlateBlue | 48 3D 8B |
72 61 139 |
RebeccaPurple | 66 33 99 |
102 51 153 |
SlateBlue | 6A 5A CD |
106 90 205 |
MediumSlateBlue | 7B 68 EE |
123 104 238 |
White | FF FF FF |
255 255 255 |
Snow | FF FA FA |
255 250 250 |
Honeydew | F0 FF F0 |
240 255 240 |
MintCream | F5 FF FA |
245 255 250 |
Azure | F0 FF FF |
240 255 255 |
AliceBlue | F0 F8 FF |
240 248 255 |
GhostWhite | F8 F8 FF |
248 248 255 |
WhiteSmoke | F5 F5 F5 |
245 245 245 |
Seashell | FF F5 EE |
255 245 238 |
Beige | F5 F5 DC |
245 245 220 |
OldLace | FD F5 E6 |
253 245 230 |
FloralWhite | FF FA F0 |
255 250 240 |
Ivory | FF FF F0 |
255 255 240 |
AntiqueWhite | FA EB D7 |
250 235 215 |
Linen | FA F0 E6 |
250 240 230 |
LavenderBlush | FF F0 F5 |
255 240 245 |
MistyRose | FF E4 E1 |
255 228 225 |
Gainsboro | DC DC DC |
220 220 220 |
LightGrey | D3 D3 D3 |
211 211 211 |
Silver | C0 C0 C0 |
192 192 192 |
DarkGray | A9 A9 A9 |
169 169 169 |
Gray | 80 80 80 |
128 128 128 |
DimGray | 69 69 69 |
105 105 105 |
LightSlateGray | 77 88 99 |
119 136 153 |
SlateGray | 70 80 90 |
112 128 144 |
DarkSlateGray | 2F 4F 4F |
47 79 79 |
Black | 00 00 00 |
0 0 0 |
표 출처 http://en.wikipedia.org/wiki/Web_colors
'................ 생활정보 메모' 카테고리의 다른 글
LG X5 커버 분해하는 방법과 BL-T30 배터리 자가 수리 및 교체하기 (65) | 2024.05.13 |
---|---|
티스토리 robots.txt 오류문제 해결 10초만에 설명해 주겠습니다. (2) | 2024.05.05 |
세상의 이쁜 특수 문자 기호를 모두 모아 보았다. (1) | 2024.04.25 |
외모보다 더 아름다운 미인이 되고 싶으세요? (16) | 2024.04.23 |
유대신화!! 인류 최초의 여성은 이브가 아니었다. (1) | 2024.04.13 |