IT 인터넷

색상코드표 색상이름 (영어명칭) 및 HEX ↔️ RGB 변환기

탁이 2022. 10. 3. 13:41

이번에는 색상코드표 의 원리와, HEX 색상코드 그리고 RGB 색상코드를 변환하는 변환기의 사용법을 알아보도록 하겠습니다.

목차

  • HEX RGB 란? 차이는?
  • RGB → HEX 변환기 ( RGB 색상코드로 색상을 만들기 )
  • HEX → RGB 변환기
  • 색상코드표 영어명칭
  • 색상코드표 사용방법

HEX RGB 란? 차이는?

RGB 색상코드 란?

RGB는 Red Green Blue 를 의미합니다. 일반적으로는 255.255.255 처럼 256가지의 수를 10진수로 표현한 색상코드를 의미하고 있습니다.

256가지 (0부터 255까지) 의 숫자를 사용하는 이유는 컴퓨터의 기본 단위인 1바이트에 하나의 색상을 넣기 위해서 사용되고 시작했는데,

1바이트 = 8비트 → 2의 8승으로 256 개

처럼 RGB색깔당 256가지의 색을 나타내게 되어 총 16,777,216 가지의 색상을 표현하게 됩니다.

HEX 색상코드 란?

HEX 코드는 역시 빨간색 녹색 파란 RGB 순서의 색상을 각각 두자리의 16진수로 나타내는 방법입니다. (#rrggbb 형식) 두자리씩의 16진수를 사용하기 때문에 16 *16 = 256가지 색상을 나타낼 수 있으며 이는 RGB 컬러코드와 동일하며 단지 16진수로 나타낸 것일 뿐입니다. (FF = 256)

RGB색상코드 → HEX색상코드 변환기 ( RGB 색상코드로 색상을 만들기 )

슬라이더를 움직이거나 숫자를 입력하면 코드에 맞춰 색상이 만들어집니다.

R 0 255

G 0 255

B 0 255

RGB 색상코드: 51.255.105
HEX(16진수) 색상코드: #33FF69

HEX 색상코드 → RGB 색상코드 변환기

・좌측의 커서를 클릭하면, 우측의 색이 바뀌며 HEX (16진수) 색상코드 (#rrggbb의 형식) 를 표시합니다.
・우측에 HEX (16진수) 색상코드 (#rrggbb의 형식) 를 입력하면 좌측과 우측에 색이 표시됩니다.

aa

·16진수 RGB를 입력하고 변환 버튼을 누르면 RGB 값이 표시됩니다.

HEX 색상코드 (16진수) : → RGB 색상코드 :

색상코드표 영어명칭

최신 브라우저는 아래에 나열된 140개의 명명된 색상명을 지원하고 있습니다. 위에서 16만가지의 색을 표현한다고 했는데, 그 중에서 사용되는 빈도가 높은 컬러들은 명명된 명칭을 코드대신 사용하여 동일한 색상을 사용할 수 있습니다.

빨간색계열 HTML 색상 이름
색깔/영어명 이름 16진수 코드 RGB 코드
IndianRed 인디언레드 #CD5C5C 205, 92, 92
LightCoral 라이트코랄 #F08080 240, 128, 128
Salmon 새몬 #FA8072 250, 128, 114
DarkSalmon 다크새몬 #E9967A 233, 150, 122
LightSalmon 라이트새몬 #FFA07A 255, 160, 122
Crimson 진홍색 #DC143C 220, 20, 60
Red 빨간색 #FF0000 255, 0, 0
FireBrick 내화벽돌색 #B22222 178, 34, 34
DarkRed 다크레드 #8B0000 139, 0, 0
분홍색계열 HTML 색상 이름
색깔/영어명 이름 16진수 코드 RGB 코드
Pink 핑크 #FFC0CB 255, 192, 203
LightPink 라이트핑크 #FFB6C1 255, 182, 193
HotPink 핫 핑크 #FF69B4 255, 105, 180
DeepPink 딥핑크 #FF1493 255, 20, 147
MediumVioletRed 미디엄 바이올렛레드 #C71585 199, 21, 133
PaleVioletRed 페일 바이올렛레드 #DB7093 219, 112, 147
주황색계열 HTML 색상 이름
색깔/영어명 이름 16진수 코드 RGB 코드
LightSalmon 라이트 새몬 #FFA07A 255, 160, 122
Coral 산호색 #FF7F50 255, 127, 80
Tomato 토마토색 #FF6347 255, 99, 71
OrangeRed 오렌지 레드 #FF4500 255, 69, 0
DarkOrange 다크오렌지 #FF8C00 255, 140, 0
Orange 주황색 #FFA500 255, 165, 0
노란색계열 HTML 색상 이름
색깔/영어명 이름 16진수 코드 RGB 코드
Gold 금색 #FFD700 255, 215, 0
Yellow 노란색 #FFFF00 255, 255, 0
LightYellow 연노랑 #FFFE0 255, 255, 224
LemonChiffon 레몬 쉬폰 #FFFACD 255, 250, 205
LightGoldenrodYellow 라이트골든로드옐로우 #FAFAD2 250, 250, 210
PapayaWhip 파파야윕 #FFEFD5 255, 239, 213
Moccasin 모카신 #FFE4B5 255, 228, 181
PeachPuff 피치퍼프 #FFDAB9 255, 218, 185
PaleGoldenrod 페일골든로드 #EEE8AA 238, 232, 170
Khaki 카키 #F0E68C 240, 230, 140
DarkKhaki 다크카키 #BDB76B 189, 183, 107
보라색계열 HTML 색상 이름
색깔/영어명 이름 16진수 코드 RGB 코드
Lavender 라벤더 #E6E6FA 230, 230, 250
Thistle 씨슬 #D8BFD8 216, 191, 216
Plum 자두 #DDA0DD 221, 160, 221
Violet 바이올렛 #EE82EE 238, 130, 238
Orchid 오키드 #DA70D6 218, 112, 214
Fuchsia 푹샤 #FF00FF 255, 0, 255
Magenta 마젠타 #FF00FF 255, 0, 255
MediumOrchid 미디엄 오키드 #BA55D3 186, 85, 211
MediumPurple 미디엄 퍼플 #9370DB 147, 112, 219
RebeccaPurple 레베카퍼플 #663399 102, 51, 153
BlueViolet 블루바이올렛 #8A2BE2 138, 43, 226
DarkViolet 다크바이올렛 #9400D3 148, 0, 211
DarkOrchid 다크오키드 #9932CC 153, 50, 204
DarkMagenta 다크마젠타 #8B008B 139, 0, 139
Purple 보라색 #800080 128, 0, 128
Indigo 인디고(남색 #4B0082 75, 0, 130
SlateBlue 슬레이트블루 #6A5ACD 106, 90, 205
DarkSlateBlue 다크슬레이트블루 #483D8B 72, 61, 139
MediumSlateBlue 미디엄슬레이트블루 #7B68EE 123, 104, 238
녹색계열 HTML 색상 이름
색깔/영어명 이름 16진수 코드 RGB 코드
GreenYellow 그린옐로 #ADFF2F 173, 255, 47
Chartreuse 연두빛 #7FFF00 127, 255, 0
LawnGreen 론그린 #7CFC00 124, 252, 0
Lime 라임 #00FF00 0, 255, 0
LimeGreen 라임그린 #32CD32 50, 205, 50
PaleGreen 옅은 녹색 #98FB98 152, 251, 152
LightGreen 연한 초록색 #90EE90 144, 238, 144
MediumSpringGreen 미디엄스프링그린 #00FA9A 0, 250, 154
SpringGreen 스프링그린 #00FF7F 0, 255, 127
MediumSeaGreen 미디엄 씨그린 #3CB371 60, 179, 113
SeaGreen 씨그린 #2E8B57 46, 139, 87
ForestGreen 포레스트그린 #228B22 34, 139, 34
Green 녹색 #008000 0, 128, 0
DarkGreen 짙은 녹색 #006400 0, 100, 0
YellowGreen 연두색 #9ACD32 154, 205, 50
OliveDrab 올리브드랍 #6B8E23 107, 142, 35
Olive 올리브 #808000 128, 128, 0
DarkOliveGreen 다크올리브그린 #556B2F 85, 107, 47
MediumAquamarine 미디엄아쿠아마린 #66CDAA 102, 205, 170
DarkSeaGreen 다크씨그린 #8FBC8B 143, 188, 139
LightSeaGreen 라이트씨그린 #20B2AA 32, 178, 170
DarkCyan 다크시안 #008B8B 0, 139, 139
Teal #008080 0, 128, 128
파란색계열 HTML 색상 이름
색깔/영어명 이름 16진수 코드 RGB 코드
Aqua 아쿠아 #00FFFF 0, 255, 255
Cyan 시안 #00FFFF 0, 255, 255
LightCyan 라이트시안 #E0FFFF 224, 255, 255
PaleTurquoise 페일 터콰이즈 #AFEEEE 175, 238, 238
Aquamarine 아쿠아마린 #7FFFD4 127, 255, 212
Turquoise 터콰이즈 #40E0D0 64, 224, 208
MediumTurquoise 미디엄 터키석 #48D1CC 72, 209, 204
DarkTurquoise 다크 터콰이즈 #00CED1 0, 206, 209
CadetBlue 커뎃블루 #5F9EA0 95, 158, 160
SteelBlue 스틸블루 #4682B4 70, 130, 180
LightSteelBlue 라이트스틸블루 #B0C4DE 176, 196, 222
PowderBlue 파우더블루 #B0E0E6 176, 224, 230
LightBlue 라이트블루 #ADD8E6 173, 216, 230
SkyBlue 하늘색 #87CEEB 135, 206, 235
LightSkyBlue 라이트스카이블루 #87CEFA 135, 206, 250
DeepSkyBlue 딥스카이블루 #00BFF 0, 191, 255
DodgerBlue 다저블루 #1E90FF 30, 144, 255
CornflowerBlue 콘플라워블루 #6495ED 100, 149, 237
MediumSlateBlue 미디엄슬레이트블루 #7B68EE 123, 104, 238
RoyalBlue 로얄 블루 #4169E1 65, 105, 225
Blue 블루 #0000FF 0, 0, 255
MediumBlue 미디엄블루 #0000CD 0, 0, 205
DarkBlue 다크블루 #00008B 0, 0, 139
Navy 네이비 #000080 0, 0, 128
MidnightBlue 미드나잇블루 #191970 25, 25, 112
갈색계열 HTML 색상 이름
색깔/영어명 이름 16진수 코드 RGB 코드
Cornsilk 콘실크 #FF8DC 255, 248, 220
BlanchedAlmond 블렌치드아몬드 #FFEBCD 255, 235, 205
Bisque 비스크 #FFE4C4 255, 228, 196
NavajoWhite 나바호 화이트 #FFDEAD 255, 222, 173
Wheat 위트(밀색 #F5DEB3 245, 222, 179
BurlyWood 벌리우드 #DEB887 222, 184, 135
Tan #D2B48C 210, 180, 140
RosyBrown 로지브라운 #BC8F8F 188, 143, 143
SandyBrown 샌디브라운 #F4A460 244, 164, 96
Goldenrod 골든로드 #DAA520 218, 165, 32
DarkGoldenrod 다크골든로드 #B8860B 184, 134, 11
Peru 페루 #CD853F 205, 133, 63
Chocolate 초콜릿 #D2691E 210, 105, 30
SaddleBrown 새들브라운 #8B4513 139, 69, 19
Sienna 시에나 #A0522D 160, 82, 45
Brown 갈색 #A52A2A 165, 42, 42
Maroon 적갈색 #800000 128, 0, 0
흰색계열 HTML 색상 이름
색깔/영어명 이름 16진수 코드 RGB 코드
White 하얀색 #FFFFFF 255, 255, 255
Snow 스노우 #FFFAFA 255, 250, 250
HoneyDew 하니듀 #F0FFF0 240, 255, 240
MintCream 민트크림 #F5FFFA 245, 255, 250
Azure 하늘빛 #F0FFFF 240, 255, 255
AliceBlue 앨리스블루 #F0F8FF 240, 248, 255
GhostWhite 고스트 화이트 #F8F8FF 248, 248, 255
WhiteSmoke 화이트스모크 #F5F5F5 245, 245, 245
SeaShell 씨쉘 #FF5EE 255, 245, 238
Beige 베이지 #F5F5DC 245, 245, 220
OldLace 올드레이스 #FDF5E6 253, 245, 230
FloralWhite 플로럴화이트 #FFFAF0 255, 250, 240
Ivory 아이보리 #FFFF0 255, 255, 240
AntiqueWhite 앤틱화이트 #FAEBD7 250, 235, 215
Linen 리넨 #FAF0E6 250, 240, 230
LavenderBlush 라벤더 블러셔 #FF0F5 255, 240, 245
MistyRose 미스티로즈 #FFE4E1 255, 228, 225
회색계열 HTML 색상 이름
색깔/영어명 이름 16진수 코드 RGB 코드
Gainsboro 게인즈보로 #DCDCDC 220, 220, 220
LightGray 라이트그레이 #D3D3D3 211, 211, 211
Silver #C0C0C0 192, 192, 192
DarkGray 짙은 회색 #A9A9A9 169, 169, 169
Gray 회색 #808080 128, 128, 128
DimGray 딤그레이 #696969 105, 105, 105
LightSlateGray 라이트슬레이트그레이 #778899 119, 136, 153
SlateGray 슬레이트그레이 #708090 112, 128, 144
DarkSlateGray 다크슬레이트그레이 #2F4F4F 47, 79, 79
Black 검은색 #000000 0, 0, 0

 

HTML 색상코드를 사용하는 방법

16진수 색상 코드와 마찬가지로 HTML 색상 이름은 인라인 HTML 스타일이나 별도의 CSS 스타일시트에서 사용할 수 있습니다.

HTML
<body>
  <h1 style="color:DimGray">딤그레이</h1>
  <p style="color:SlateGray">슬레이트 그레이</p>
</body>
CSS
h1 { color: DimGray; }
p { color: SlateGray; }