RGB 색상은 디지털 값입니다. 스타일의 색상은 16진수 값, 이름, RGB, RGBA, HSL, HSLA 형식 등 다양한 방법으로 설정할 수 있습니다.

HTML 색상
HTML 색상 및 지정 방법

HTML에서는 색상을 지정하는 두 가지 방법이 있습니다.

1. 색상명으로
2. RGB 시스템을 사용하여 색상이 16진법 형식으로 제공됩니다.

색상 이름

이름 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=나
12=C
13=D
14=E
15=F

우리의 시각에 보이는 거의 모든 색상과 음영은 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는 십진수로 255입니다.

RGB 구성표:
빨간색 - 00 ~ ff
녹색 - 00에서 ff
파란색 - 00 ~ ff

결과적으로 우리는 여섯 자리 000000 을 얻습니다. 여기서 처음 두 숫자는 빨간색, 두 번째 두 숫자는 녹색, 세 번째 두 숫자는 파란색을 담당합니다.

빨간색을 얻으려면 ff0000 , 녹색 00ff00 , 파란색 0000ff 를 작성합니다. 예를 들어 짙은 빨간색을 얻으려면 첫 번째 숫자 블록을 줄여야 하고 ff 대신 (십진수로 255), 예를 들어 96을 적어 두십시오. (십진수로 150).

명확성을 위해 다음은 색상 및 해당 16진수 코드의 예입니다.

HTML에서 색상 혼합

학교에서 드로잉 수업을 빠지지 않았다면 빨간색과 녹색이 고르게 섞이면 노란색을 얻을 수 있다는 것을 기억할 것입니다.
빨간색에 녹색을 조금 더하면 주황색 등을 얻을 수 있습니다.

16진수 및 RGB 색상도 혼합할 수 있습니다.

16진수 시스템과 RGB를 실험해 보면 결국에는 편안해지고 스스로 원하는 색상을 선택할 수 있게 될 것입니다.

블라드 메르제비치

HTML에서 색상은 16진법 코드를 사용하거나 일부 색상의 이름을 사용하는 두 가지 방법 중 하나로 지정됩니다. 가장 일반적으로 사용되는 방법은 가장 보편적인 16진법을 기반으로 합니다.

16진수 색상

HTML은 16진수를 사용하여 색상을 지정합니다. 16진수 시스템은 10진수 시스템과 달리 이름에서 알 수 있듯이 숫자 16을 기반으로 합니다. 숫자는 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A입니다. , B, C, D, E, F. 10에서 15까지의 숫자는 라틴 문자로 대체됩니다. 테이블에서. 6.1은 10진수와 16진수의 대응 관계를 보여줍니다.

16진법에서 15보다 큰 숫자는 두 숫자를 하나로 결합하여 구성됩니다(표 6.2). 예를 들어, 10진수의 숫자 255는 16진수의 숫자 FF에 해당합니다.

숫자 체계의 정의에서 혼동을 피하기 위해 16진수 앞에 파운드 기호 #가 붙습니다(예: #aa69cc). 이 경우 대소문자는 상관없으므로 #F0F0F0 또는 #f0f0f0으로 작성하는 것이 허용됩니다.

HTML에서 사용되는 대표적인 색상은 다음과 같다.

여기에서 웹 페이지의 배경색은 #FA8E47로 설정됩니다. 숫자 앞의 파운드 기호 #는 16진수임을 의미합니다. 처음 두 자리(FA)는 색상의 빨간색 구성 요소, 세 번째에서 네 번째 자리(8E)는 녹색 구성 요소, 마지막 두 자리(47)는 파란색 구성 요소를 정의합니다. 최종 결과는 이 색상입니다.

파

+

8E

+

47

=

FA8E47

빨강, 녹색 및 파랑의 세 가지 색상 각각은 00에서 FF까지 값을 취할 수 있으며 결국 256개의 음영을 형성합니다. 따라서 총 색상 수는 256x256x256 = 16.777.216 조합이 될 수 있습니다. 빨강, 초록, 파랑 ​​구성 요소를 기반으로 하는 색상 모델을 RGB(빨강, 녹색, 파랑, 빨강, 녹색, 파랑)라고 합니다. 이 모델은 세 가지 구성 요소를 모두 추가하여 흰색을 형성하는 가산(추가 - 추가)입니다.

16진수 색상으로 더 쉽게 탐색할 수 있도록 몇 가지 규칙을 고려하십시오.

• 색상 구성 요소의 값이 동일하면(예: #D6D6D6) 회색 색조가 얻어집니다. 숫자가 높을수록 색상이 밝아지며 값이 #000000(검정)에서 #FFFFFF(흰색)으로 변경됩니다.
• 적색 성분을 최대(FF)로 하고 나머지 성분을 0으로 하면 밝은 적색이 된다. 값이 #FF0000인 색상은 가능한 가장 붉은 색조입니다. 녹색(#00FF00)과 파란색(#0000FF)도 마찬가지입니다.
• 빨간색과 녹색을 혼합하여 노란색(#FFFF00)을 얻습니다. 이것은 기본 색상(빨간색, 녹색, 파란색)과 보색 또는 보색을 나타내는 색상환(그림 6.1)에서 명확하게 볼 수 있습니다. 여기에는 노란색, 시안색 및 보라색(자홍색이라고도 함)이 포함됩니다. 일반적으로 인접한 색상을 혼합하여 모든 색상을 얻을 수 있습니다. 따라서 청록색(#00FFFF)은 파란색과 녹색을 결합하여 얻습니다.

쌀. 6.1. 컬러 서클

16진수 값을 기반으로 하는 색상은 경험적으로 선택할 필요가 없습니다. 이를 위해서는 Adobe Photoshop과 같은 다양한 색상 모델로 작업할 수 있는 그래픽 편집기가 적합합니다. 무화과에. 6.2는 이 프로그램에서 색상을 선택하기 위한 창을 보여줍니다. 선은 현재 색상의 결과 16진수 값에 동그라미를 치고 있습니다. 복사하여 코드에 붙여넣을 수 있습니다.

쌀. 6.2. Photoshop의 색상 선택기

웹 색상

모니터의 색 품질을 8비트(256색)로 설정하면 브라우저에 따라 같은 색이라도 다르게 표시될 수 있습니다. 이것은 브라우저가 자체 팔레트로 작동하고 팔레트에 없는 색상을 표시할 수 없을 때 그래픽이 렌더링되는 방식과 관련이 있습니다. 이 경우 색상은 주어진 색상을 모방하는 다른 색상의 픽셀 조합으로 대체됩니다. 다른 브라우저에서 색상을 동일하게 유지하기 위해 소위 웹 색상 팔레트가 도입되었습니다. 웹 색상은 빨강, 녹색 및 파랑의 각 구성 요소에 대해 0(00), 51(33), 102(66), 153(99)으로 설정된 6개 값 중 하나, 204(CC), 255(FF). 이 구성요소의 16진수 값은 대괄호로 표시됩니다. 가능한 모든 조합의 총 색상 수는 6x6x6 - 216 색상을 제공합니다. 웹 색상의 예는 #33FF66입니다.

웹 색상의 주요 특징은 모든 브라우저에서 동일하게 표시된다는 것입니다. 현재 웹 색상의 관련성은 모니터의 품질 향상과 기능의 확장으로 인해 매우 미미합니다.

이름별 색상

숫자 모음을 기억하지 않으려면 일반적으로 사용되는 색상 이름을 대신 사용할 수 있습니다. 테이블에서. 6.3은 인기있는 색상 이름의 이름을 보여줍니다.

탭. 6.3. 일부 색상의 이름

색상 이름	색상	설명	16진수 값
검은 색		검은 색	#000000
푸른		푸른	#0000FF
푹샤		라이트 퍼플	#FF00FF
회색		어두운 회색	#808080
초록		녹색	#008000
라임		연한 초록색	#00FF00
적갈색		다크 레드	#800000
해군		네이비 블루	#000080
올리브		올리브	#808000
자주색		다크 바이올렛	#800080
빨간색		빨간색	#FF0000
은		밝은 회색	#C0C0C0
물오리		청록색	#008080
하얀색		하얀색	#FFFFFF
노랑		노랑	#FFFF00

색상을 이름으로 지정하거나 16진수를 사용하여 지정하는 방법은 중요하지 않습니다. 사실상 이러한 방법은 동일합니다. 예제 6-1은 웹페이지의 배경색과 글자색을 설정하는 방법을 보여줍니다.

예 6.1. 배경 및 텍스트 색상

샘플 텍스트

이 예에서 배경색은 태그의 bgcolor 속성을 사용하여 설정됩니다. , 그리고 text 속성을 통한 텍스트의 색상. 다양성을 위해 text 속성의 값은 16진수로 설정되고 bgcolor는 예약어인 teal로 설정됩니다.

HTML 색상은 슬래시 뒤에 6자로 표시됩니다(예: #000000). 이 6개의 문자는 최종 색상에서 다양한 색상(Red, Green, Blue)의 비율을 나타냅니다. 컴퓨터 모니터의 이미지는 픽셀이라는 엄청난 수의 점으로 구성됩니다. 각 픽셀은 작은 광원입니다. "손전등"이라고 부르겠습니다. "손전등"은 빨강, 녹색 및 파랑의 세 가지 손전등으로 구성됩니다. 개별 유색 랜턴의 빛의 강도를 줄이거나 늘리면 원하는 색상을 얻을 수 있습니다.

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 사이의 값으로 결합하면 최대 1600만 개 이상의 음영(256 x 256 x 256)이 추가됩니다.

대부분의 최신 모니터는 최소 16,384개의 다른 음영을 표시할 수 있습니다(LCD 모니터는 일반적으로 2억 6216만 (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 색상 이름

모든 브라우저에서 지원되는 150개의 html 색상 이름 모음.

표준화된 색상 이름

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

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

• 16진수는 16진수 표기법으로 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
딥스카이블루	#00BFF
다크 터키석	#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
파파야 채찍	#FFFD5
라벤더 블러셔	#FF0F5
조개	#FF5EE
콘실크	#FFF8DC
레몬 쉬폰	#FFFACD
플로럴화이트	#FFFAF0
눈	#FFFAFA
노랑	#FFFF00
연노랑	#FFFE0
상아	#FFFF0
하얀색	#FFFFFF

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진수 시스템은 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진법 시스템을 사용하면 각 문자가 2배인 축약형 #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

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