아시다시피 색상은 사람의 정신적, 육체적 상태에 영향을 미칠 수 있습니다. 매일 인터넷에서 웹사이트를 탐색하는 동안 눈은 수백만 가지 색상과 음영을 평가합니다. 색상의 심리학에 익숙한 웹 디자이너는 특정 목표를 달성하기 위해 방문자의 기분을 조작할 수 있습니다.

이는 일부 음영이 차분하고 일부는 흥분된다는 사실 때문입니다. 다음으로 컴퓨터 기술을 사용하여 색상이 합성되고 표시되는 방법에 대해 이야기하겠습니다.

RGB는 다음과 같은 세 가지 주요 구성 요소를 다양한 비율로 혼합하여 모든 색상과 해당 음영을 얻는 방법을 나타내는 색상 모델입니다.

  • 빨간색 ( 빨간색);
  • 녹색( 녹색);
  • 파란색 ( 파란색).

여기서 RGB라는 약칭이 유래되었습니다. 이러한 색상이 주요 색상으로 선택된 이유는 다음과 같습니다. 그 이유는 인간 눈의 망막 생리학과 이를 인식하는 방식입니다.

RGB 모델은 오늘날에도 가장 인기가 높으며 TV 화면과 컴퓨터 모니터에서 색상을 재현하는 데 사용됩니다. 제조업체는 제품에 다양한 특성을 부여하기 때문에 1996년에 Microsoft와 HP가 협력하여 sRGB라는 통합 RGB 기반 색상 합성 시스템이 탄생했습니다.

색상의 수치 표현

앞서 언급했듯이 RGB 색상은 기본 색상을 혼합하여 구성됩니다. 각각의 강도를 설명하기 위해 색상이 0-255(8비트) 범위로 표시되는 방식이 채택되었으며, 이는 16진수 표기법에서 00-FF에 해당합니다.

즉, 기본 색상은 다음과 같습니다.

  • 빨간색 - RGB(255,0,0);
  • 녹색 – RGB(0,255,0);
  • 파란색 - RGB(0,0,255);

색상 강도가 255보다 작은 값을 취하면 빨간색, 녹색 및 파란색의 다양한 음영이 얻어집니다. 다음은 그라데이션 표와 각 음영의 16진수 값입니다.

RGB 색상표

당연히 원색의 그라데이션 외에도 혼합된 색상도 있으며 그 수는 상당히 많습니다. 따라서 모든 기존 음영과 해당 이름 및 숫자 표현을 표시하는 RGB 색상 표가 생성되었습니다( 10진수와 16진수 형태로).

여기에서 볼 수 있습니다. 이 표를 사용하면 몇 초 안에 필요한 색상을 찾고 수치 표현을 찾을 수 있으므로 웹 디자이너의 작업이 훨씬 쉬워집니다.

안전한 RGB 색상 팔레트

그러나 어느 시점에서 다른 브라우저에서 색상을 표시하는 데 문제가 있었고 이를 해결하기 위해 수학적 계산을 통해 파생된 소위 "안전한" RGB 색상 팔레트가 컴파일되었습니다.

브라우저가 색상을 올바르게 표시할 수 없으면 인접한 색상을 혼합하여 필요한 것과 가까운 색상을 얻으려고 시도하며 결과는 완전히 받아들일 수 없을 가능성이 높습니다.

이 팔레트의 RGB 색상 코드를 사용하면 웹 개발자는 다양한 브라우저, 플랫폼 및 모니터를 사용하여 볼 때 웹 사이트 페이지의 색상 표시와 관련하여 안심할 수 있습니다. 현재 안전한 색상 표는 관련성을 잃고 있지만( 기술 발전은 여전히 ​​​​멈추지 않습니다), 그것을 사용하면 그들이 말하는 것처럼 평화롭게 잠을 잘 수 있습니다.

RGB 모델의 골드 색상

"금"이라는 단어는 14세기 초 Aurum(금)이라는 화학 원소의 색상을 설명하기 위해 처음 사용되었습니다. RGB 모델에서 금색은 다음 수치로 표현됩니다.

  • RGB(255, 215, 0) – 십진법;
  • HEX #FFD700 – 16진수 시스템.

RGB 모델의 베이지 색상

베이지 색은 표현력이 가장 뛰어나지는 않더라도 역사상 다소 중요한 위치를 차지합니다. 많은 문화 기념물, 특히 고대 조각품은 베이지색 색조를 띠는 동석과 동석으로 만들어졌습니다. RGB 모델에서 베이지색은 다음과 같은 숫자 표현을 갖습니다.

이 페이지에는 HTML, CSS, JavaScript, Flash 등과 같은 웹 개발자 언어에서 색상을 지정하는 데 사용할 수 있는 키워드가 포함된 표가 포함되어 있습니다.

WC3 문제에 대한 이전 사양에서는 HTML 및 CSS에서 색상이 설정된 도움으로 16개의 키워드만 지정되었습니다. 또한 보다 현대적인 사양에는 색상 이름을 나타내는 130개의 키워드가 추가되었습니다. 다음 표에는 색상 이름과 이에 해당하는 16진수 및 RGB 코드가 포함되어 있습니다.

CSS 규칙에 따라 색상 이름은 대소문자를 구분하지 않습니다. 색상 항목 IndianRed와 indianred는 동일합니다.

또한 표에 있는 146개의 키워드 중 실제로 색상이 더 적다는 점도 주목할 가치가 있습니다. 일부 키워드가 동일한 색상을 참조하기 때문입니다. 따라서 Gray 및 Gray라는 이름은 50% 회색 색상 코드 #808080을 나타내고 Magenta라는 단어는 16진수 코드 #FF00FF에 해당하는 HTML 색상 Fuchsia의 동의어입니다. 또한 Aqua와 Cyan이라는 단어는 동의어이며 코드 #00FFFF에 해당합니다.

HTML 및 CSS의 색상 이름 마녀 RGB
붉은색 톤:
인도의레드#CD5C5C205, 92, 92
라이트산호#F08080240, 128, 128
연어#FA8072250, 128, 114
다크샐몬#E9967A233, 150, 122
라이트연어#FFA07A255, 160, 122
진홍#DC143C220, 20, 60
빨간색#FF0000255, 0, 0
내화 벽돌#B22222178, 34, 34
다크레드#8B0000139, 0, 0
핑크 톤:
분홍색#FFC0CB255, 192, 203
라이트핑크#FFB6C1255, 182, 193
핫 핑크#FF69B4255, 105, 180
딥핑크#FF1493255, 20, 147
중간보라색빨간색#C71585199, 21, 133
창백한보라색빨간#DB7093219, 112, 147
오렌지 톤:
라이트연어#FFA07A255, 160, 122
산호#FF7F50255, 127, 80
토마토#FF6347255, 99, 71
오렌지 레드#FF4500255, 69, 0
다크오렌지#FF8C00255, 140, 0
주황색#FFA500255, 165, 0
노란색 톤:
#FFD700255, 215, 0
노란색#FFFF00255, 255, 0
연노랑#FFFFE0255, 255, 224
레몬쉬폰#FFFACD255, 250, 205
빛황금 막대노란색#FAFAD2250, 250, 210
파파야채찍#FFEFD5255, 239, 213
모카신#FFE4B5255, 228, 181
피치퍼프#FFDAB9255, 218, 185
창백한 황금 막대#EEE8AA238, 232, 170
카키색 옷감#F0E68C240, 230, 140
다크카키#BDB76B189, 183, 107
보라색 톤:
라벤더#E6E6FA230, 230, 250
엉겅퀴 훈장#D8BFD8216, 191, 216
자두#DDA0DD221, 160, 221
제비꽃#EE82EE238, 130, 238
난초#DA70D6218, 112, 214
푹샤#FF00FF255, 0, 255
마젠타#FF00FF255, 0, 255
미디엄오키드#BA55D3186, 85, 211
미디엄퍼플#9370DB147, 112, 219
블루바이올렛#8A2BE2138, 43, 226
다크바이올렛#9400D3148, 0, 211
다크오키드#9932CC153, 50, 204
다크마젠타#8B008B139, 0, 139
보라#800080 128, 0, 128
남빛#4B008275, 0, 130
슬레이트 블루#6A5ACD106, 90, 205
다크슬레이트블루#483D8B72, 61, 139
브라운 톤:
옥수수 실크#FFF8DC255, 248, 220
데친 아몬드#FFEBCD255, 235, 205
비스크#FFE4C4255, 228, 196
나바호어화이트#FFDEAD255, 222, 173
#F5DEB3245, 222, 179
벌리우드#DEB887222, 184, 135
탠 껍질#D2B48C210, 180, 140
로지브라운#BC8F8F188, 143, 143
샌디브라운#F4A460244, 164, 96
갈조색#DAA520218, 165, 32
어두운황금막대#B8860B184, 134, 11
페루#CD853F205, 133, 63
초콜릿#D2691E210, 105, 30
안장브라운#8B4513139, 69, 19
시에나#A0522D160, 82, 45
갈색#A52A2A165, 42, 42
적갈색#800000 128, 0, 0
기본 색상:
검은색#000000 0, 0, 0
회색#808080 128, 128, 128
#C0C0C0192, 192, 192
하얀색#FFFFFF255, 255, 255
푹샤#FF00FF255, 0, 255
보라#800080 128, 0, 128
빨간색#FF0000255, 0, 0
적갈색#800000 128, 0, 0
노란색#FFFF00205, 92, 92
올리브#808000 240, 128, 128
라임#00FF00250, 128, 114
녹색#008000 233, 150, 122
아쿠아#00FFFF205, 92, 92
물오리#008080 240, 128, 128
파란색#0000FF250, 128, 114
해군#000080 233, 150, 122
HTML 및 CSS의 색상 이름 마녀 RGB
녹색 톤:
녹색노란색#ADFF2F173, 255, 47
연두빛#7FFF00127, 255, 0
잔디녹색#7CFC00124, 252, 0
라임#00FF000, 255, 0
라임그린#32CD3250, 205, 50
옅은 녹색#98FB98152, 251, 152
연한 초록색#90EE90144, 238, 144
중간봄녹색#00FA9A0, 250, 154
스프링그린#00FF7F0, 255, 127
중간바다녹색#3CB37160, 179, 113
씨그린#2E8B5746, 139, 87
포레스트그린#228B2234, 139, 34
녹색#008000 0, 128, 0
짙은 녹색#006400 0, 100, 0
연두색#9ACD32154, 205, 50
올리브드랩#6B8E23107, 142, 35
올리브#808000 128, 128, 0
다크올리브그린#556B2F85, 107, 47
미디엄아쿠아마린#66CDAA102, 205, 170
어두운바다녹색#8FBC8F143, 188, 143
빛바다녹색#20B2AA32, 178, 170
다크시안#008B8B0, 139, 139
물오리#008080 0, 128, 128
블루 톤:
아쿠아#00FFFF0, 255, 255
청록색#00FFFF0, 255, 255
밝은 청록색#E0FFFF224, 255, 255
창백한 청록색#AFEEEE175, 238, 238
남옥#7FFFD4127, 255, 212
터키 옥#40E0D064, 224, 208
중간 청록색#48D1CC72, 209, 204
어두운 청록색#00CED10, 206, 209
생도블루#5F9EA095, 158, 160
스틸블루#4682B470, 130, 180
라이트스틸블루#B0C4DE176, 196, 222
파우더블루#B0E0E6176, 224, 230
라이트블루#ADD8E6173, 216, 230
하늘색#87CEEB135, 206, 235
밝은하늘색#87CEFA135, 206, 250
딥스카이블루#00BFFF0, 191, 255
다저블루#1E90FF30, 144, 255
수레 국화블루#6495ED100, 149, 237
중간슬레이트블루#7B68EE123, 104, 238
로얄 블루#4169E165, 105, 225
파란색#0000FF0, 0, 255
미디엄블루#0000CD0, 0, 205
진한 파란색#00008B0, 0, 139
해군#000080 0, 0, 128
자정 블루#191970 25, 25, 112
화이트 톤:
하얀색#FFFFFF255, 255, 255
#FFFAFA255, 250, 250
단물#F0FFF0240, 255, 240
민트크림#F5FFFA245, 255, 250
하늘빛#F0FFFF240, 255, 255
앨리스블루#F0F8FF240, 248, 255
고스트화이트#F8F8FF248, 248, 255
화이트스모크#F5F5F5245, 245, 245
조개#FFF5EE255, 245, 238
베이지#F5F5DC245, 245, 220
낡은레이스#FDF5E6253, 245, 230
꽃무늬화이트#FFFAF0255, 250, 240
상아#FFFFFF0255, 255, 240
고대의화이트#FAEBD7250, 235, 215
리넨#FAF0E6250, 240, 230
라벤더블러쉬#FFF0F5255, 240, 245
미스티로즈#FFE4E1255, 228, 225
회색 톤:
게인즈버러#DCDCDC220, 220, 220
라이트그레이#D3D3D3211, 211, 211
라이트그레이#D3D3D3211, 211, 211
#C0C0C0192, 192, 192
짙은 회색#A9A9A9169, 169, 169
어두운 회색#A9A9A9169, 169, 169
회색#808080 128, 128, 128
회색#808080 128, 128, 128
희미한 회색#696969 105, 105, 105
딤그레이#696969 105, 105, 105
라이트슬레이트그레이#778899 119, 136, 153
라이트슬레이트그레이#778899 119, 136, 153
슬레이트 그레이#708090 112, 128, 144
슬레이트 그레이#708090 112, 128, 144
다크슬레이트그레이#2F4F4F47, 79, 79
다크슬레이트그레이#2F4F4F47, 79, 79
검은색#000000 0, 0, 0

웹 디자인에서 색상을 표현하는 방법에는 여러 가지가 있습니다.

HEX는 16진수를 기반으로 한 16진수 색상 표현 시스템입니다. 이 시스템의 경우 0~9의 아랍어 십진수와 A~F의 라틴 문자를 사용하여 디지털 숫자 16을 보완합니다. 웹 디자인의 경우 16가지 기본(키) 색상 소위 16진수 색상 코드 #RRGGBB가 사용됩니다. 여기서 각 쌍은 RR(빨간색), GG(녹색), BB(파란색)의 색상 점유율을 담당합니다. 각 색상 분수의 범위는 00에서 FF까지입니다.

웹 디자인에서 색상을 나타내는 다른 두 가지 방법은 RGB(*,*,*) 형식입니다. 여기서 색상의 각 "*" 부분은 0에서 255까지의 십진수와 영어 색상 이름으로 표시됩니다.

컬러 이미지를 만들 때 가장 큰 문제는 다양한 유형의 컴퓨터, 모니터 및 브라우저에서 색상을 올바르게 재현하는 것입니다. 브라우저가 색상을 올바르게 표시할 수 없는 경우 유사한 색상을 선택하거나 여러 색상을 혼합합니다. 때로는 완전히 다른 색상으로 대체될 수도 있습니다.

테이블 16가지 기본 색상, 모든 브라우저에서 사용됨

이름 색상 마녀 (RGB)
아쿠아(바다의 물결) #00FFFF (000,255,255)
검은색 #000000 (000,000,000)
파란색 #0000FF (000,000,255)
퓨샤(마젠타) #FF00FF (255,000,255)
회색 #808080 (128,128,128)
녹색 #008000 (000,128,000)
라임(밝은 녹색) #00FF00 (000,255,000)
마룬(다크 버건디) #800000 (128,000,000)
네이비(감색) #000080 (000,000,128)
올리브 #808000 (128,128,000)
보라 #800080 (128,000,128)
빨간색 #FF0000 (255,000,000)
#C0C0C0 (192,192,192)
청록색(회색-녹색) #008080 (000,128,128)
하얀색 #FFFFFF (255,255,255)
노란색 #FFFF00 (255,255,000)

테이블 보라색상과 그 음영

이름 색상 마녀 (RGB)
마젠타(마젠타) #FFCBDB (255,203,219)
마젠타(마젠타) #FF0099 (255,000,153)
마젠타(마젠타) #F95A61 (249,090,097)
퓨샤(퓨샤) #FF00FF (255,000,255)
모베인(아닐린 퍼플) #EF0097 (239,000,151)
사몬 핑크(오렌지 핑크) #FF91A4 (255,145,164)
Cenise(보라색 계열) #DE3163 (153,149,140)
가지 가지 (가지) #990066 (153,000,132)
라벤더 블러셔(분홍빛이 도는 라벤더)  #FFF0F5 (255,240,245)
라일락(라일락) #C8A2C8 (200,162,200)
마젠타(마젠타) #FF008F (255,000,143)
난초(난초) #DA70D6 (218,112,214)
적자색(보라색-빨간색) #C71585 (199,021,133)
Sanguine (낙천적) #92000A (146,000,010)
엉겅퀴(보라색) #D8BFD8 (185,211,238)
보라색 가지(보라색 색조) #991199 (153,017,153)
로사비보(딥핑크) #FF007F (255,000,127)
라벤더-장미(보라색 색조) #FBA0E3 (108,123,139)
마운트배튼 핑크 #997ABD (153,122,141)

테이블 회색색상과 그 음영

이름 색상 마녀 (RGB)
회색 #808080 (128,128,128)
회색 #베베베 (190,190,190)
(회색 음영) #858585 (133,133,133)
그레이33 #545454 (084,084,084)
(회색 슬레이트) #708090 (112,128,144)
(석영) #99958с (153,149,140)
(밝은 회색) #bbbbbb (187,187,187)
(은) #c0c0c0 (192,192,192)
(회백색) #f0f0f0 (240,240,240)
(압델-케림의 턱수염) #e0e0e0 (224,224,224)
LightGray(밝은 회색) #d3d3d3 (211,211,211)
라이트스테이트그레이() #778899 (119,136,153)
StateGray-1(창백한 수레국화 파란색1) #c6e2ff (198,226,255)
StateGray-2(창백한 수레국화 파란색2) #b9d3ee (185,211,238)
StateGray3() #9fb6cd (159,182,205)
StateGray4() #6c7b8b (108,123,139)

HTML에서는 색상을 세 가지 방법으로 지정할 수 있습니다.

이름으로 HTML에서 색상 설정

일부 색상은 영어로 된 색상 이름을 값으로 사용하여 이름으로 지정할 수 있습니다. 가장 일반적인 키워드: 검정색, 흰색, 빨간색, 녹색, 파란색 등:

텍스트 색상 – 빨간색

W3C(World Wide Web Consortium) 표준의 가장 인기 있는 색상은 다음과 같습니다.

색상이름색상이름 색상이름 색상이름
검은색 회색 하얀색
노란색 라임 아쿠아 푹샤
빨간색 녹색 파란색 보라
적갈색 올리브 해군 물오리

다른 색상 이름을 사용하는 예:

예: 이름으로 색상 지정

  • 직접 해보세요 "

빨간색 배경에 헤더

주황색 배경의 헤더

라임 배경으로 향하고

파란색 배경에 흰색 텍스트

빨간색 배경에 헤더

주황색 배경의 헤더

라임 배경으로 향하고

파란색 배경에 흰색 텍스트

RGB를 사용하여 색상 지정

모니터에 다양한 색상을 표시할 때 RGB 팔레트가 기본으로 사용됩니다. 모든 색상은 세 가지 기본 색상을 혼합하여 얻습니다. R - 빨간색, G - 녹색, B - 파란색. 각 색상의 밝기는 1바이트로 지정되므로 0부터 255까지의 값을 가질 수 있습니다. 예를 들어 RGB(255,0,0)는 빨간색이 가장 높은 값(255)으로 설정되어 있으므로 빨간색으로 표시됩니다. 나머지는 0으로 설정됩니다. 색상을 백분율로 설정할 수도 있습니다. 각 매개변수는 해당 색상의 밝기 수준을 나타냅니다. 예를 들어 rgb(127, 255, 127) 및 rgb(50%, 100%, 50%) 값은 동일한 중간 녹색으로 설정됩니다.

예: RGB를 사용하여 색상 지정

  • 직접 해보세요 "

RGB(127, 255, 127)

RGB(50%, 100%, 50%)

RGB(127, 255, 127)

RGB(50%, 100%, 50%)

16진수 값으로 색상 설정

가치 아르 자형 G #RRGGBB 형식의 16진수(HEX) 색상 값을 사용하여 지정할 수도 있습니다. 여기서 RR(빨간색), GG(녹색) 및 BB(파란색)는 00부터 FF(10진수 0-255와 동일)의 16진수 값입니다. ) . 16진법은 10진법과 달리 이름에서 알 수 있듯이 숫자 16을 기반으로 합니다. 16진법은 다음 기호를 사용합니다: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. 여기서 10에서 15까지의 숫자는 라틴 문자로 대체됩니다. 16진수 시스템에서 15보다 큰 숫자는 두 문자를 하나의 값으로 결합하여 표시됩니다. 예를 들어, 10진수로 가장 높은 숫자 255는 16진수로 가장 높은 FF 값에 해당합니다. 10진수 시스템과 달리 16진수 앞에는 해시 기호가 붙습니다. # 예를 들어 #FF0000은 빨간색이 가장 높은 값(FF)으로 설정되고 나머지 색상은 최소값(00)으로 설정되므로 빨간색으로 표시됩니다. 해시 기호 뒤의 기호 # 대문자와 소문자를 모두 입력할 수 있습니다. 16진수 시스템을 사용하면 각 문자가 double에 해당하는 약어 형식 #rgb를 사용할 수 있습니다. 따라서 #f7O 항목은 #ff7700으로 간주되어야 합니다.

예: HEX 색상

  • 직접 해보세요 "

빨간색: #FF0000

녹색: #00FF00

파란색: #0000FF

빨간색: #FF0000

녹색: #00FF00

파란색: #0000FF

빨간색+녹색=노란색: #FFFF00

빨간색+파란색=보라색: #FF00FF

녹색+파란색=청록색: #00FFFF

일반적으로 사용되는 색상 목록(이름, HEX 및 RGB):

영어 이름 러시아 이름 견본 마녀 RGB
아마란스 아마란스 #E52B50 229 43 80
호박색 호박색 #FFBF00 255 191 0
아쿠아 청록색 #00FFFF 0 255 255
하늘빛 하늘빛 #007FFF 0 127 255
검은색 검은색 #000000 0 0 0
파란색 파란색 #0000FF 0 0 255
본다이 블루 본다이 해변의 물 #0095B6 0 149 182
놋쇠 놋쇠 #B5A642 181 166 66
갈색 갈색 #964B00 150 75 0
세룰리안 하늘빛 #007BA7 0 123 167
진한 봄 녹색 진한 봄 녹색 #177245 23 114 69
에메랄드 에메랄드 #50C878 80 200 120
가지 가지 #990066 153 0 102
푹샤 푹샤 #FF00FF 255 0 255
#FFD700 250 215 0
회색 회색 #808080 128 128 128
녹색 녹색 #00FF00 0 255 0
남빛 남빛 #4B0082 75 0 130
#00A86B 0 168 107
라임 라임 #CCFF00 204 255 0
공작석 공작석 #0BDA51 11 218 81
해군 진한 파란색 #000080 0 0 128
황토 황토 #CC7722 204 119 34
올리브 올리브 #808000 128 128 0
주황색 주황색 #FFA500 255 165 0
복숭아 복숭아 #FFE5B4 255 229 180
호박 호박 #FF7518 255 117 24
보라 제비꽃 #800080 128 0 128
빨간색 빨간색 #FF0000 255 0 0
사프란 사프란 #F4C430 244 196 48
씨 그린 푸른 바다 #2E8B57 46 139 87
늪 녹색 볼로트니 #ACB78E 172 183 142
물오리 청록색 #008080 0 128 128
군청색 군청색 #120A8F 18 10 143
제비꽃 제비꽃 #8B00FF 139 0 255
노란색 노란색 #FFFF00 255 255 0

채도와 색조에 따른 색상 코드(배경)입니다.

색상표(팔레트) html필요한 톤을 독립적으로 선택할 수 있는 기회를 제공합니다. 색상 값은 Hex, RGB, HSV의 세 가지 형식으로 표시됩니다.

  • Hex는 16진수 체계의 2자리 값 3개로 구성됩니다. 예: #ff00b3, 여기서 첫 번째 숫자 쌍은 빨간색, 두 번째 숫자 쌍은 녹색, 세 번째 숫자 쌍은 파란색입니다.
  • RGB(RedGreenBlue)는 결과 색상에서 해당 톤(빨간색, 녹색, 파란색)의 양을 나타내는 "200,100,255" 형식을 갖습니다.
  • HSV(색조, 채도, 값 - 톤, 채도, 값) - 좌표가 다음과 같은 색상 모델입니다.
    • 색조 - 색상 톤은 0°에서 360°까지 다양합니다.
    • 채도 - 채도는 0-100 또는 0-1 범위입니다. 이 매개변수가 높을수록 색상이 "더 순수"하므로 이 매개변수를 색상 순도라고도 합니다. 이 매개변수가 0에 가까울수록 색상은 중성 회색에 가까워집니다.
    • 값(색상 값) - 밝기를 설정하며 값은 0-100 또는 0-1 사이에서 달라질 수도 있습니다.

색상 코드 입력: 가다

이름이 있는 색상 목록

표에는 모든 브라우저에서 지원하는 영어 색상 이름(값으로 사용 가능)과 해당 16진수 값이 나열되어 있습니다. 나열된 모든 색상은 "안전"합니다. 즉, 모든 브라우저에서 동일하게 표시됩니다.

색상명 마녀 색상
검은색#000000
해군#000080
진한 파란색#00008B
미디엄블루#0000CD
파란색#0000FF
짙은 녹색#006400
녹색#008000
물오리#008080
다크시안#008B8B
딥스카이블루#00BFFF
어두운 청록색#00CED1
중간봄녹색#00FA9A
라임#00FF00
스프링그린#00FF7F
아쿠아#00FFFF
청록색#00FFFF
자정 블루#191970
다저블루#1E90FF
빛바다녹색#20B2AA
포레스트그린#228B22
씨그린#2E8B57
다크슬레이트그레이#2F4F4F
라임그린#32CD32
중간바다녹색#3CB371
터키 옥#40E0D0
로얄 블루#4169E1
스틸블루#4682B4
다크슬레이트블루#483D8B
중간 청록색#48D1CC
남빛#4B0082
다크올리브그린#556B2F
생도블루#5F9EA0
수레 국화블루#6495ED
미디엄아쿠아마린#66CDAA
희미한 회색#696969
슬레이트 블루#6A5ACD
올리브드랩#6B8E23
슬레이트 그레이#708090
라이트슬레이트그레이#778899
중간슬레이트블루#7B68EE
잔디녹색#7CFC00
연두빛#7FFF00
남옥#7FFFD4
적갈색#800000
보라#800080
올리브#808000
회색#808080
하늘색#87CEEB
밝은하늘색#87CEFA
블루바이올렛#8A2BE2
다크레드#8B0000
다크마젠타#8B008B
안장브라운#8B4513
어두운바다녹색#8FBC8F
연한 초록색#90EE90
미디엄퍼플#9370D8
다크바이올렛#9400D3
옅은 녹색#98FB98
다크오키드#9932CC
연두색#9ACD32
시에나#A0522D
갈색#A52A2A
짙은 회색#A9A9A9
라이트블루#ADD8E6
녹색노란색#ADFF2F
창백한 청록색#AFEEEE
라이트스틸블루#B0C4DE
파우더블루#B0E0E6
내화 벽돌#B22222
어두운황금막대#B8860B
미디엄오키드#BA55D3
로지브라운#BC8F8F
다크카키#BDB76B
#C0C0C0
중간보라색빨간색#C71585
인도의레드#CD5C5C
페루#CD853F
초콜릿#D2691E
탠 껍질#D2B48C
라이트그레이#D3D3D3
창백한보라색빨간#D87093
엉겅퀴 훈장#D8BFD8
난초#DA70D6
골든로드#DAA520
진홍#DC143C
게인즈버러#DCDCDC
자두#DDA0DD
벌리우드#DEB887
밝은 청록색#E0FFFF
라벤더#E6E6FA
다크샐몬#E9967A
제비꽃#EE82EE
창백한황금막대#EEE8AA
라이트산호#F08080
카키색 옷감#F0E68C
앨리스블루#F0F8FF
단물#F0FFF0
하늘빛#F0FFFF
샌디브라운#F4A460
#F5DEB3
베이지#F5F5DC
화이트스모크#F5F5F5
민트크림#F5FFFA
고스트화이트#F8F8FF
연어#FA8072
고대의화이트#FAEBD7
리넨#FAF0E6
빛황금막대황색#FAFAD2
낡은레이스#FDF5E6
빨간색#FF0000
푹샤#FF00FF
마젠타#FF00FF
딥핑크#FF1493
오렌지 레드#FF4500
토마토#FF6347
핫 핑크#FF69B4
산호#FF7F50
어두운주황색#FF8C00
라이트연어#FFA07A
주황색#FFA500
라이트핑크#FFB6C1
분홍색#FFC0CB
#FFD700
피치퍼프#FFDAB9
나바호어화이트#FFDEAD
모카신#FFE4B5
비스크#FFE4C4
미스티로즈#FFE4E1
데친 아몬드#FFEBCD
파파야채찍#FFEFD5
라벤더블러쉬#FFF0F5
조개#FFF5EE
옥수수 실크#FFF8DC
레몬쉬폰#FFFACD
꽃무늬화이트#FFFAF0
#FFFAFA
노란색#FFFF00
연노랑#FFFFE0
상아#FFFFFF0
하얀색#FFFFFF

닫다