CSS rgb() 함수
예시
다양한 RGB 색상 정의:
#p1 {background-color:rgb(255,0,0);} /* red */
#p2 {background-color:rgb(0,255,0);} /* green */
#p3 {background-color:rgb(0,0,255);} /* blue */
정의 및 사용
rgb() 함수는 RGB(Red-Green-Blue) 모델을 사용하여 색상을 정의합니다.
RGB 색상 값은 rgb(red, green, blue)로 지정됩니다. 각 매개변수는 해당 색상의 강도를 정의하며 0에서 255 사이의 정수 또는 백분율 값(0%에서 100% 사이)일 수 있습니다.
예를 들어, rgb(0,0,255) 값은 파란색 매개변수가 가장 높은 값(255)으로 설정되고 다른 매개변수가 0으로 설정되기 때문에 파란색으로 렌더링됩니다.
버전: | CSS2 |
---|
브라우저 지원
표의 숫자는 기능을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Function | |||||
---|---|---|---|---|---|
rgb() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS 구문
rgb(red, green, blue)
Value | Description |
---|---|
red | Defines the intensity of red as an integer between 0 and 255, or as a percentage value between 0% and 100% |
green | Defines the intensity of green as an integer between 0 and 255, or as a percentage value between 0% and 100% |
blue | Defines the intensity of blue as an integer between 0 and 255, or as a percentage value between 0% and 100% |