명명된 CSS 색상 테이블입니다. HTML 튜토리얼. RGB 색상. 안전한 팔레트 색상. 안전한 색상 팔레트 사용
웹 디자인에서 색상을 표현하는 방법에는 여러 가지가 있습니다.
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 색상 및 이를 지정하는 방법
HTML에는 색상을 지정하는 두 가지 방법이 있습니다.
1. 색상명을 이용하여,
2. 색상이 16진수 형식으로 지정되는 RGB 시스템을 사용합니다.
색상명
이름 HTML의 색상 red, green 등의 영어 단어로 표시됩니다. 색상 이름은 HTML 태그 속성의 값 역할을 합니다. 꽃 이름이 많이 있습니다. 이 기사에서는 주요 이름만 고려할 것입니다.
일반적으로 HTML에서는 색상을 설정하기 위해 두 가지 속성이 사용됩니다.
1. 속성 color="color_name" - 텍스트 색상,
2. bgcolor="color_name" 속성 - 배경색.
색상 속성 사용의 예:
color="red" - 텍스트에 빨간색을 지정합니다.
bgcolor="green" - 배경에 녹색을 지정합니다.
기본 HTML 색상 이름 표:
| 색상명 | 그의 모습 | 번역 |
|---|---|---|
| 하얀색 | 하얀색 | |
| 상아 | 상아 | |
| 은 | 은 | |
| 회색 | 회색 | |
| 검은색 | 검은색 | |
| 적갈색 | 적갈색 | |
| 빨간색 | 빨간색 | |
| 주황색 | 주황색 | |
| 금 | 금 | |
| 노란색 | 노란색 | |
| 올리브 | 올리브 | |
| 라임 | 라임 | |
| 녹색 | 녹색 | |
| 아쿠아 | 바다 물결 | |
| 파란색 | 파란색 | |
| 해군 | 나비 | |
| 물오리 | 터키 옥 | |
| 푹샤 | 마젠타 | |
| 보라 | 보라 |
16진수 체계
일상생활에서 우리는 0부터 9까지의 십진수 체계를 사용합니다. 프로그래머와 디자이너는 종종 0에서 15까지의 16진수 시스템을 사용합니다.
10 = A
11 = B
12 = 씨
13 = 디
14 = E
15 = 에프
우리 눈에 보이는 거의 모든 색상과 음영은 16진수 시스템으로 기록될 수 있습니다. 예를 들어 16진수 시스템의 빨간색은 ff0000과 같습니다.
color="red" - 빨간색, 이름별,
color="#ff0000" — 빨간색, 16진수 체계입니다.
HTML에서는 속성 값의 16진수 앞에 해시 기호 #가 붙습니다.
RGB
16진수 시스템을 사용하여 HTML에서 색상을 지정하기 전에 먼저 R G B와 같은 것에 대해 알아야 합니다.
RGB는 Red Green Blue(레드 그린 블루)라는 단어의 약어입니다.
16진수로 작성된 HTML의 색상은 00 00 00이라는 세 개의 숫자 블록으로 구성됩니다. 각 블록은 RGB 색상 중 하나를 담당합니다. 첫 번째 블록은 빨간색, 두 번째 블록은 녹색, 세 번째 블록은 파란색을 나타냅니다. 숫자의 범위는 00부터 ff까지입니다.
여기서 ff는 10진수 표기법으로 255입니다.
RGB 방식:
빨간색 - 00부터 ff까지
녹색 - 00에서 ff까지
파란색 - 00부터 ff까지
결과적으로 우리는 6자리 숫자 000000을 얻습니다. 여기서 처음 두 숫자는 빨간색을 담당하고, 두 번째 두 숫자는 녹색을 담당하고, 세 번째 두 숫자는 파란색을 담당합니다.
빨간색을 얻으려면 ff0000, 녹색 00ff00, 파란색 0000ff를 씁니다. 예를 들어 진한 빨간색을 얻으려면 ff 대신 첫 번째 숫자 블록을 줄여야 합니다. (10진수 체계에서는 255와 같습니다), 예를 들어 96이라고 쓰세요 (10진수 표기법으로 150과 동일).
명확성을 위해 색상 및 해당 16진수 코드의 예를 제공합니다.
HTML에서 색상 혼합
학교에서 드로잉 수업을 빼먹지 않았다면 빨간색과 초록색을 고르게 섞으면 노란색이 되고,
빨간색에 녹색을 조금 더하면 주황색 등이 됩니다.
16진수 및 RGB 색상을 혼합할 수도 있습니다.
16진수 체계와 RGB를 실험해 보면 결국에는 익숙해지고 원하는 색상을 선택할 수 있게 됩니다.
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 색상은 슬래시 문자 뒤에 6개의 문자로 표시됩니다(예: #000000). 이 6개의 기호는 최종 색상의 다양한 색상(빨간색, 녹색, 파란색)의 비율을 나타냅니다. 컴퓨터 모니터에서 이미지는 픽셀이라고 불리는 수많은 점으로 구성됩니다. 각 픽셀은 작은 광원입니다. 이를 "손전등"이라고 부르겠습니다. 이는 빨간색, 녹색, 파란색의 세 가지 손전등으로 구성됩니다. 개별 컬러 손전등의 빛의 강도를 줄이거 나 늘리면 원하는 색상을 얻을 수 있습니다.
HTML 색상 코드
HTML의 색상은 빨간색, 파란색, 녹색(RGB)의 16진수(HEX) 표기법으로 표시됩니다.
가장 작은 색상 값은 0(16진수 00)입니다. 가장 높은 색상 값은 255(16진수 FF)입니다.
16진수 색상 값은 # 기호로 시작하는 세 자리 숫자입니다.
색상 코드(의미)
| 색상 | 16진수 코드 | RGB 코드 |
|---|---|---|
| #000000 | RGB(0,0,0) | |
| #FF0000 | RGB(255,0,0) | |
| #00FF00 | RGB(0,255,0) | |
| #0000FF | RGB(0,0,255) | |
| #FFFF00 | RGB(255,255,0) | |
| #00FFFF | RGB(0,255,255) | |
| #FF00FF | RGB(255,0,255) | |
| #C0C0C0 | RGB(192,192,192) | |
| #FFFFFF | RGB(255,255,255) |
1,600만 가지 색상
빨간색, 파란색, 녹색을 각 색상의 백분율로 0~255 범위의 값으로 결합하면 총 1,600만 개 이상의 음영(256 x 256 x 256)이 생성됩니다.
대부분의 최신 모니터는 최소 16,384개의 다양한 음영을 표시할 수 있습니다(LCD 모니터는 일반적으로 262,1600만 개를 표시할 수 있음). (2013년 10월 업데이트) CRT 모니터는 사실상 무제한의 색상을 표시할 수 있습니다.
아래 색상표는 파란색과 녹색 값이 0인 0에서 255까지 빨간색 비율의 변화를 보여줍니다.
| 빨간색 | 16진수 코드 | RGB 코드 |
|---|---|---|
| #000000 | RGB(0,0,0) | |
| #080000 | RGB(8,0,0) | |
| #100000 | RGB(16,0,0) | |
| #180000 | RGB(24,0,0) | |
| #200000 | RGB(32,0,0) | |
| #280000 | RGB(40,0,0) | |
| #300000 | RGB(48,0,0) | |
| #380000 | RGB(56,0,0) | |
| #400000 | RGB(64,0,0) | |
| #480000 | RGB(72,0,0) | |
| #500000 | RGB(80,0,0) | |
| #580000 | RGB(88,0,0) | |
| #600000 | RGB(96,0,0) | |
| #680000 | RGB(104,0,0) | |
| #700000 | RGB(112,0,0) | |
| #780000 | RGB(120,0,0) | |
| #800000 | RGB(128,0,0) | |
| #880000 | RGB(136,0,0) | |
| #900000 | RGB(144,0,0) | |
| #980000 | RGB(152,0,0) | |
| #A00000 | RGB(160,0,0) | |
| #A80000 | RGB(168,0,0) | |
| #B00000 | RGB(176,0,0) | |
| #B80000 | RGB(184,0,0) | |
| #C00000 | RGB(192,0,0) | |
| #C80000 | RGB(200,0,0) | |
| #D00000 | RGB(208,0,0) | |
| #D80000 | RGB(216,0,0) | |
| #E00000 | RGB(224,0,0) | |
| #E80000 | RGB(232,0,0) | |
| #F00000 | RGB(240,0,0) | |
| #F80000 | RGB(248,0,0) | |
| #FF0000 | RGB(255,0,0) |
회색의 그늘
회색 음영을 얻으려면 모든 색상이 동일하게 사용됩니다. 올바른 색상을 더 쉽게 선택할 수 있도록 회색 음영 코드를 제공합니다.
| 회색의 그늘 | 16진수 코드 | RGB 코드 |
|---|---|---|
| #000000 | RGB(0,0,0) | |
| #080808 | RGB(8,8,8) | |
| #101010 | RGB(16,16,16) | |
| #181818 | RGB(24,24,24) | |
| #202020 | RGB(32,32,32) | |
| #282828 | RGB(40,40,40) | |
| #303030 | RGB(48,48,48) | |
| #383838 | RGB(56,56,56) | |
| #404040 | RGB(64,64,64) | |
| #484848 | RGB(72,72,72) | |
| #505050 | RGB(80,80,80) | |
| #585858 | RGB(88,88,88) | |
| #606060 | RGB(96,96,96) | |
| #686868 | RGB(104,104,104) | |
| #707070 | RGB(112,112,112) | |
| #787878 | RGB(120,120,120) | |
| #808080 | RGB(128,128,128) | |
| #888888 | RGB(136,136,136) | |
| #909090 | RGB(144,144,144) | |
| #989898 | RGB(152,152,152) | |
| #A0A0A0 | RGB(160,160,160) | |
| #A8A8A8 | RGB(168,168,168) | |
| #B0B0B0 | RGB(176,176,176) | |
| #B8B8B8 | RGB(184,184,184) | |
| #C0C0C0 | RGB(192,192,192) | |
| #C8C8C8 | RGB(200,200,200) | |
| #D0D0D0 | RGB(208,208,208) | |
| #D8D8D8 | RGB(216,216,216) | |
| #E0E0E0 | RGB(224,224,224) | |
| #E8E8E8 | RGB(232,232,232) | |
| #F0F0F0 | RGB(240,240,240) | |
| #F8F8F8 | RGB(248,248,248) | |
| #FFFFFF | RGB(255,255,255) |
크로스 브라우저(모든 브라우저) HTML 색상 이름
모든 브라우저에서 지원되는 HTML 형식의 150개 색상 이름 모음입니다.
표준화된 색상 이름
W3C에는 HTML 및 CSS에 유효한 16가지 색상 이름이 나열되어 있습니다: 아쿠아, 블랙, 블루, 퓨샤, 그레이, 그린, 라임, 적갈색(밤나무), 네이비(울트라마린), 올리브(올리브), 보라색(보라색), 빨간색(빨간색) , 은색(은색), 청록색(회색), 흰색(흰색) 및 노란색(노란색).
이 목록에 포함되지 않은 색상을 사용할 경우 해당 색상의 16진수(HEX) 코드나 RGB 코드를 사용하는 것이 더 정확합니다.
안전한 색상
몇 년 전, 컴퓨터가 최대 256가지 색상을 지원할 수 있었을 때 216가지 "웹 안전 색상" 목록이 제안되었으며 40가지 색상은 시스템용으로 예약되었습니다.
이 216색 팔레트는 256색 팔레트 모드에서 색상을 올바르게 표시하기 위해 만들어졌습니다.
이제 이것은 중요하지 않습니다. 전 세계 대부분의 컴퓨터가 수백만 가지 색상 음영을 지원하기 때문입니다. 어쨌든 다음은 이러한 색상 목록입니다.
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
