반응형
RGB 색상 값은 빨간색, 녹색 및 파란색 광원을 나타낸다.
RGBA 색상 값은 알파 채널(불투명도)이 있는 RGB의 확장이다.
HTML RGB 색상값
HTML에서 색상은 다음 공식을 사용하여 RGB 값으로 지정할 수 있다:
| rgb(red, green, blue) |
각 파라미터(빨간색, 녹색 및 파란색)는 0에서 255 사이의 값으로 색상의 강도를 정의한다.
이것은 256 x 256 x 256 = 16777216의 가능한 색상이 있다는 것을 의미한다!
예를 들어, 빨간색은 가장 높은 값(255)으로 설정되고 나머지 두 개(녹색 및 파란색)는 0으로 설정되므로 RGB(255, 0, 0)는 빨간색으로 표시된다.
또 다른 예로, rgb(0, 255, 0)는 녹색으로 표시된다. 녹색은 가장 높은 값(255)으로 설정되고 나머지 두 개(빨간색 및 파란색)는 0으로 설정되기 때문이다.
검은색을 표시하려면 모든 색상 파라미터를 0으로 설정한다. rgb(0, 0, 0)와 같이 설정한다.
흰색을 표시하려면 모든 색상 매개 변수를 255로 설정한다(예: rgb(255, 255, 255).
아래의 RGB 값을 혼합하여 실험합니다:
| <!DOCTYPE html> <html> <body> <h1 style="background-color:rgb(255, 0, 0);">rgb(255, 0, 0)</h1> <h1 style="background-color:rgb(0, 0, 255);">rgb(0, 0, 255)</h1> <h1 style="background-color:rgb(60, 179, 113);">rgb(60, 179, 113)</h1> <h1 style="background-color:rgb(238, 130, 238);">rgb(238, 130, 238)</h1> <h1 style="background-color:rgb(255, 165, 0);">rgb(255, 165, 0)</h1> <h1 style="background-color:rgb(106, 90, 205);">rgb(106, 90, 205)</h1> </body> </html> |
 |
회색의 음영(Shade of Gray)
회색 음영은 세 가지 파라미터 모두에 대해 동일한 값을 사용하여 정의되는 경우가 많다:
HTML RGBA 색상값
RGBA 색상 값은 색상의 불투명도를 지정하는 알파 채널을 사용하여 RGB 색상 값을 확장한 것이다.
RGBA 색상 값은 다음과 같이 지정된다:
| rgba(red, green, blue, alpha) |
알파 매개 변수는 0.0(완전 투명)과 1.0(전혀 투명하지 않음) 사이의 숫자이다:
반응형
'HTML > HTML 기본문법' 카테고리의 다른 글
| HTML 색조, 채도, 명도(HSL) 색상 (0) | 2023.04.24 |
|---|---|
| HTML HEX 색상 (0) | 2023.04.23 |
| HTML 색상(HTML color) (0) | 2023.04.21 |
| HTML 주석(Comments) (0) | 2023.04.20 |
| HTML 인용(Quotation)과 인용요소(Citation Elements) (0) | 2023.04.19 |
댓글