그래픽 디자이너이거나 이미지 편집 프로그램에 입문한 적이 있다면 색상을 변경할 수 있는 상자, 물감통, 붓, 글자 ... 궁금하신 점은 색상을 선택하면 색상이 나타난다는 사실입니다. 색상 코드, 그게 뭔지 알아?
해당 문자 또는 숫자 코드가 무엇을 의미하는지 궁금하고 이에 대해 더 알고 싶다면 색상 코드의 중요성, 색상 코드가 색상 및 기타 흥미로운 세부 사항을 반영하는 이유를 이해하는 데 도움이 됩니다.
색상 코드는 무엇입니까
색상 코드를 다음과 같이 정의할 수 있습니다. 웹이 표시될 수 있는 색 영역. 즉, 웹사이트가 어떻게 보일지 결정하기 위해 약 216가지 색상의 팔레트에 존재하는 가능성이 있습니다. 이 코드는 RGB, HEX 및 HSL의 세 가지 유형의 시스템을 기반으로 할 수 있습니다(후자는 현재 사용되지 않음).
실제로 색상 코드의 목적은 모든 브라우저에 대한 범용 코드 역할을 하여 해당 코드를 사용하여 Internet Explorer, Firefox Mozilla, Google Chrome에서 동일한 톤을 재현하는 것입니다. …
너는 그것을 알아야한다. 컴퓨터는 최대 16만 가지 색상을 구별할 수 있으며, 그래서 웹사이트를 만들거나 이미지를 수정할 가능성이 많습니다.
색상 코드의 종류
이전에 말했듯이 세 가지 유형의 시스템이 있습니다.
- RGB. 가장 잘 알려진 것은 빨강, 파랑 및 녹색의 세 가지 기본 색상으로 구성되며, 이들의 조합을 통해 나머지 색상이 파생됩니다. 그 표현의 범위는 0에서 255까지이며 나타나는 코드는 쉼표로 구분되고 괄호 사이에 세 개의 숫자로 구성됩니다.
- XNUMX진수. HTML과 CSS에서 주로 사용됩니다. 이 경우 색상을 결정하는 코드를 얻기 위해 서로 배열된 숫자와 문자로 구성됩니다.
- HSL. 이미 사용하지 않는 색상을 만들 때 색조, 채도 및 밝기를 사용하는 것을 기반으로 합니다. 도 및 백분율로 결정됩니다(쉼표와 괄호로 구분된 세 개의 숫자).
코드가 왜 중요한가요?
이제 색상 코딩이 무엇인지 알았으므로 응용 프로그램을 이해하기 쉽습니다. 특정 색상을 표시하는 데 필요한 코드를 결정하는 데 사용됩니다. 이것은 예를 들어 웹 페이지에서 작동합니다. 웹사이트에 특정 색상의 배경이 있고 글꼴이 빨강, 노랑, 녹색, 파랑 등인 경우 HTML 코드는 암시적입니다.
왜 중요한지 이해하셨나요? 예를 들어 빨간색 배경의 웹사이트가 있다고 가정해 보겠습니다. 그리고 당신은 그것을 공백으로 바꾸고 싶습니다. 빨간색을 결정하는 코드를 알고 있는 경우 HTML 코드에서 검색 엔진을 사용하여 이 색상이 반영되는 위치(배경색에 연결됨)를 얻을 수 있으며 빠르게 변경할 수 있습니다. 그러나 당신이 그것을 가지고 있지 않다면 어떻게 될까요? 해당 섹션을 찾을 때까지 찾고 테스트하여 원하는 코드에 가까운 코드를 확인해야 합니다.
따라서 색상 코드는 작업 속도를 높이는 데 도움이 될 뿐만 아니라 웹 사이트 디자인, 이미지 편집 등을 할 때 색상을 사용할 수 있습니다.
색상 목록 및 해당 코드 진수 및 RGB
마지막으로 아래에 남겨 둡니다. XNUMX진수 코드(RGB) 및 XNUMX진수와 함께 존재하는 대부분의 색상을 찾을 수 있는 테이블 언제든지 코드를 변경해야 하는 경우 색상 팔레트에서 코드를 찾을 필요 없이 쉽게 변경할 수 있습니다.
태그 | XNUMX진수(R, G, B) | 진수 |
---|---|---|
앨리스블루 | rgb (240, 248, 255) | # F0F8FF |
고대 미술 | rgb (250, 235, 215) | # FAEBD7 |
아쿠아 | rgb (0, 255, 255) | # 00FFFF |
남옥 | rgb (127, 255, 212) | # 7FFFD4 |
하늘빛 | rgb (240, 255, 255) | # F0FFFF |
베이지 색의 | rgb (245, 245, 220) | # F5F5DC |
비스크 | rgb (255, 228, 196) | # FFE4C4 |
검은 | rgb (0, 0, 0) | #000000 |
Blanchedalmond | rgb (255, 235, 205) | #FFEBCD |
푸른 | rgb (0, 0, 255) | # 0000FF |
청자색 | rgb (138, 43, 226) | # 8A2BE2 |
갈색 | rgb (165, 42, 42) | # A52A2A |
Burlywood | rgb (222, 184, 135) | # DEB887 |
생도 | rgb (95, 158, 160) | # 5F9EA0 |
연두빛 | rgb (127, 255, 0) | # 7FFF00 |
초콜릿 | rgb (210, 105, 30) | # D2691E |
산호 | rgb (255, 127, 80) | # FF7F50 |
수레 국화 | rgb (100, 149, 237) | # 6495ED |
옥수수 실크 | rgb (255, 248, 220) | # FFF8DC |
진홍 | rgb (220, 20, 60) | # DC143C |
청록색 | rgb (0, 255, 255) | # 00FFFF |
어두운 파랑 | rgb (0, 0, 139) | #00008B |
짙은 청록색 | rgb (0, 139, 139) | # 008B8B |
다크골든로드 | rgb (184, 134, 11) | #B8860B |
짙은 회색 | rgb (169, 169, 169) | # A9A9A9 |
짙은 녹색 | rgb (0, 100, 0) | #006400 |
어두운 회색 | rgb (169, 169, 169) | # A9A9A9 |
다크 카키 | rgb (189, 183, 107) | # BDB76B |
다크마젠타 | rgb (139, 0, 139) | # 8B008B |
다크 올리브 그린 | rgb (85, 107, 47) | # 556B2F |
어두운 주황색 | rgb (255, 140, 0) | # FF8C00 |
다크오키드 | rgb (153, 50, 204) | # 9932CC |
진한 빨간색 | rgb (139, 0, 0) | # 8B0000 |
흑연어 | rgb (233, 150, 122) | # E9967A |
다크 시그린 | rgb (143, 188, 143) | # 8FBC8F |
다크 슬레이트 | rgb (72, 61, 139) | # 483D8B |
다크 슬레이트 | rgb (47, 79, 79) | # 2F4F4F |
다크 슬레이트 그레이 | rgb (47, 79, 79) | # 2F4F4F |
어두운 청록색 | rgb (0, 206, 209) | # 00CED1 |
다크 바이올렛 | rgb (148, 0, 211) | #9400D3 |
딥핑크 | rgb (255, 20, 147) | #FF1493 |
깊은 하늘 | rgb (0, 191, 255) | # 00BFFF |
희미한 | rgb (105, 105, 105) | #696969 |
흐릿한 | rgb (105, 105, 105) | #696969 |
다저 블루 | rgb (30, 144, 255) | # 1E90FF |
내화 벽돌 | rgb (178, 34, 34) | #B22222 |
플로럴 화이트 | rgb (255, 250, 240) | # FFFAF0 |
숲 | rgb (34, 139, 34) | # 228B22 |
자홍색 | rgb (255, 0, 255) | # FF00FF |
Gainsboro | rgb (220, 220, 220) | #DCDCDC |
고스트 화이트 | rgb (248, 248, 255) | # F8F8FF |
금 | rgb (255, 215, 0) | # FFD700 |
갈 조색 | rgb (218, 165, 32) | # DAA520 |
회색 | rgb (128, 128, 128) | #808080 |
녹색 | rgb (0, 128, 0) | #008000 |
녹색 노란색 | rgb (173, 255, 47) | # ADFF2F |
회색 | rgb (128, 128, 128) | #808080 |
단물 | rgb (240, 255, 240) | # F0FFF0 |
핫 핑크 | rgb (255, 105, 180) | # FF69B4 |
인디언 | rgb (205, 92, 92) | # CD5C5C |
남빛 | rgb (75, 0, 130) | # 4B0082 |
상아 | rgb (255, 255, 240) | # FFFFF0 |
카키색 옷감 | rgb (240, 230, 140) | # F0E68C |
라벤더 | rgb (230, 230, 250) | # E6E6FA |
라벤더 블러셔 | rgb (255, 240, 245) | # FFF0F5 |
잔디밭 | rgb (124, 252, 0) | # 7CFC00 |
레몬 시폰 | rgb (255, 250, 205) | #FFFACD |
연한 파랑 | rgb (173, 216, 230) | # ADD8E6 |
빛 산호 | rgb (240, 128, 128) | #F08080 |
라이트 시안 | rgb (224, 255, 255) | # E0FFFF |
밝은 황금빛 | rgb (250, 250, 210) | # FAFAD2 |
밝은 회색 | rgb (211, 211, 211) | # D3D3D3 |
연한 초록색 | rgb (144, 238, 144) | # 90EE90 |
라이트 그레이 | rgb (211, 211, 211) | # D3D3D3 |
연분홍 | rgb (255, 182, 193) | # FFB6C1 |
등불 | rgb (255, 160, 122) | # FFA07A |
빛 바다 | rgb (32, 178, 170) | # 20B2AA |
밝은 하늘색 | rgb (135, 206, 250) | # 87CEFA |
라이트 슬레이트 그레이 | rgb (119, 136, 153) | #778899 |
라이트 슬레이트 그레이 | rgb (119, 136, 153) | #778899 |
라이트 스틸 블루 | rgb (176, 196, 222) | # B0C4DE |
연노랑 | rgb (255, 255, 224) | # FFFFE0 |
석회 | rgb (0, 255, 0) | # 00FF00 |
라임 그린 | rgb (50, 205, 50) | # 32CD32 |
리넨 | rgb (250, 240, 230) | # FAF0E6 |
마젠타 | rgb (255, 0, 255) | # FF00FF |
적갈색 | rgb (128, 0, 0) | #800000 |
미디엄 아쿠아 마린 | rgb (102, 205, 170) | # 66CDAA |
미디엄 블루 | rgb (0, 0, 205) | # 0000CD |
중간 난초 | rgb (186, 85, 211) | # BA55D3 |
중간 보라색 | rgb (147, 112, 219) | #9370D8 |
미디엄 | rgb (60, 179, 113) | # 3CB371 |
중간 슬레이트 | rgb (123, 104, 238) | # 7B68EE |
미디엄스프링그린 | rgb (0, 250, 154) | # 00FA9A |
중간 청록색 | rgb (72, 209, 204) | # 48D1CC |
중간자주색 | rgb (199, 21, 133) | #C71585 |
자정 블루 | rgb (25, 25, 112) | #191970 |
민트 크림 | rgb (245, 255, 250) | # F5FFFA |
미스티로즈 | rgb (255, 228, 225) | # FFE4E1 |
모카신 | rgb (255, 228, 181) | # FFE4B5 |
나바호 어 | rgb (255, 222, 173) | #FFDEAD |
해군 | rgb (0, 0, 128) | #000080 |
올드레이스 | rgb (253, 245, 230) | # FDF5E6 |
올리브 | rgb (128, 128, 0) | #808000 |
올리브 | rgb (107, 142, 35) | # 6B8E23 |
오렌지 | rgb (255, 165, 0) | # FFA500 |
오렌지 레드 | rgb (255, 69, 0) | #FF4500 |
난초 | rgb (218, 112, 214) | # DA70D6 |
창백한 | rgb (238, 232, 170) | # EEE8AA |
옅은 녹색 | rgb (152, 251, 152) | # 98FB98 |
팔레트 터키석 | rgb (175, 238, 238) | #AFEEEE |
팔레비 아 | rgb (219, 112, 147) | # D87093 |
파파야 | rgb (255, 239, 213) | # FFEFD5 |
복숭아 퍼프 | rgb (255, 218, 185) | # FFDAB9 |
페루 | rgb (205, 133, 63) | # CD853F |
담홍색 | rgb (255, 192, 203) | # FFC0CB |
자두 | rgb (221, 160, 221) | # DDA0DD |
파우더 블루 | rgb (176, 224, 230) | # B0E0E6 |
보라색 | rgb (128, 0, 128) | #800080 |
빨간 | rgb (255, 0, 0) | #FF0000 |
장미 빛 브라운 | rgb (188, 143, 143) | # BC8F8F |
로얄 블루 | rgb (65, 105, 225) | # 4169E1 |
새들 브라운 | rgb (139, 69, 19) | # 8B4513 |
연어 | rgb (250, 128, 114) | # FA8072 |
백사장 | rgb (244, 164, 96) | # F4A460 |
해록 | rgb (46, 139, 87) | # 2E8B57 |
조개 | rgb (255, 245, 238) | # FFF5EE |
시에나 | rgb (160, 82, 45) | # A0522D |
은 | rgb (192, 192, 192) | # C0C0C0 |
하늘색 | rgb (135, 206, 235) | # 87CEEB |
슬레이트 블루 | rgb (106, 90, 205) | # 6A5ACD |
슬레이트 그레이 | rgb (112, 128, 144) | #708090 |
슬레이트 그레이 | rgb (112, 128, 144) | #708090 |
눈 | rgb (255, 250, 250) | #FFFAFA |
스프링그린 | rgb (0, 255, 127) | # 00FF7F |
스틸 블루 | rgb (70, 130, 180) | # 4682B4 |
황갈색의 | rgb (210, 180, 140) | # D2B48C |
물오리 | rgb (0, 128, 128) | #008080 |
엉겅퀴 훈장 | rgb (216, 191, 216) | # D8BFD8 |
토마토 | rgb (255, 99, 71) | #FF6347 |
터키석 | rgb (64, 224, 208) | # 40E0D0 |
제비꽃 | rgb (238, 130, 238) | # EE82EE |
밀 | rgb (245, 222, 179) | # F5DEB3 |
화이트 | rgb (255, 255, 255) | #FFFFFF |
whitesmoke | rgb (245, 245, 245) | # F5F5F5 |
노랑 | rgb (255, 255, 0) | # FFFF00 |
연두색 | rgb (154, 205, 50) | # 9ACD32 |
더 많은 색상 코드를 알고 있습니까? 목록을 확장하기 위해 의견에 입력하도록 초대합니다.