h22. HTML 색상

HTML 색상

TV 및 computer 의 스크린은 세 가지 색상을 조합하여 표현합니다. 

적색, 녹색, 청색. 이것은 빛의 삼원색인데, HTML 및 CSS 에서 사용되는 색상중 일부는 색상 이름으로도 설정할 수 있습니다.

HTML 에서 RGB 색상 값은 다음 공식에 값을 입력하여 색상을 생성합니다.

	rgb(red, green, blue)

각 적, 녹, 청 칸에 0 에서 255 까지의 색상 밀도를 입력합니다.

예를 들면, rgb(255,0,0) 라고 하면 적색만 밀도가 있으므로 이는 적색을 의미합니다. 

이렇게 하여 각 색상을 혼합하여 새로운 색을 만들수 있습니다.

무채색 즉 회색 계열이 되게 하려면 일반적으로 3가지 빛의 삼원색을 같은 값으로 하면 됩니다.

<h3 style="background-color: #808080; color: white;">  글자의 뒷 배경을 rgb(128,128,128)로 설정한 경우의 색상</h3>

  글자의 뒷 배경을 rgb(128,128,128)로 설정한 경우의 색상

HTML 에서, RGB 값들은 16진수의 색상값으로 표현할 수 있는데, #RRGGBB 처럼 표시합니다.

여기서 RR (적색), GG (녹색) and BB (청색) 부분은 00 부터 FF 까지의 16진수 값을 의미하는데 이것은 실제로는 0 부터 255 까지의 10진수와 같은 값입니다.

예를 들면 #FF0000 는 적색인데, 이는 십진수 표기에서의 rgb(255,0,0) 와 같은 값입니다.

웹에서 사용되는 색상값

웹에서 사용되는 색상 값

---

<p>웹에서 사용되는 색상값</p>
<a href="http://www.colors.commutercreative.com/grid/" target="_blank">웹에서 사용되는 색상 값</a>
<hr />

<button onClick="window.open('http://www.colors.commutercreative.com/grid/');">웹에서 사용되는 색상 이름 사이트로 이동</button>

---

<pre><code>적색, 녹색, 청색. 이것은 빛의 삼원색인데, HTML 및 CSS 에서 사용되는 색상중 일부는 색깔의 이름으로도 설정할 수 있습니다.</code></pre>

<a href="http://www.colors.commutercreative.com/grid/" target="_blank">웹에서 사용되는 색상 값</a>

<pre><code>HTML 에서 RGB 색상 값은 다음 공식에 값을 입력하여 색상을 생성합니다.

rgb(red, green, blue)

각 적, 녹, 청 칸에 0 에서 255 까지의 색상 밀도를 입력합니다.</code></pre>

<p>예를 들면, rgb(255,0,0) 라고 하면 적색만 밀도가 있으므로 이는 <span style="background-color: rgb(255,0,0);">적색</span>을 의미합니다. </p>

<h3 style="background-color: #808080; color: white;"> 글자의 뒷 배경을 rgb(128,128,128)로 설정한 경우의 색상</h3>

<pre><code>HTML 에서, RGB 값들은 16진수의 색상값으로 표현할 수 있는데, #RRGGBB 처럼 표시합니다.

여기서 RR (적색), GG (녹색) and BB (청색) 부분은 00 부터 FF 까지의 16진수 값을 의미하는데 이것은 실제로는 0 부터 255 까지의 10진수와 같은 값입니다.</code></pre>

<p>예를 들면 #00FF00 는 <span style="background-color: #00FF00;">청색</span>인데, 이는 십진수 표기에서의 rgb(0,255,0) 도 같이 <span style="background-color: rgb(0,255,0);">청색</span>입니다.</p>

---

[광고] Udemy 동영상 강의로 보기