RGB 방식으로 색상을 설정한다.
rgb() 함수의 매개 변수를 나타낸다. 레거시로 red, green, blue 값을 각각 쉼표로 구분된 매개 변수로 지정이 가능하다.
rgb( [<percentage> | none]{3} [ / [<alpha-value> | none] ]? )
<percentage>는 0~255 범위를 백분율로 지정할 수 있다.
구문에 따라 추가적으로 <alpha-value> 값을 지정할 수 있으며 투명도를 0과 1의 범위 내에서 지정할 수 있다.
rgb( [<number> | none]{3} [ / [<alpha-value> | none] ]? )
<number>는 red, green, blue 값을 각각 0~255 범위 내에서 지정이 가능하다.
구문에 따라 추가적으로 <alpha-value> 값을 지정할 수 있으며 투명도를 0과 1의 범위 내에서 지정할 수 있다.
rgb( <percentage>#{3} , <alpha-value>? )
레거시(legacy) 구문이며 선택적으로 <alpha-value> 값(투명도)을 추가할 수 있게 변경 되었다.
rgb( <number>#{3} , <alpha-value>? )
레거시(legacy) 구문이며 선택적으로 <alpha-value> 값(투명도)을 추가할 수 있게 변경 되었다.
0에서 1까지의 소수로 설정이 가능하며 0은 투명, 0.5는 반투명, 1은 불투명을 적용한다. 퍼센트로 적용하는 경우에는 0%에서 100%까지 설정이 가능하며 0%는 투명, 100%는 불투명을 의미한다.
<number> | <percentage>정수 또는 실수를 표현한다.
어떠한 기준으로 부터 백분율로 표현한다.
다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.
어떠한 값도 설정하지 않음을 나타낸다.
color: rgb(255 97 0 / 1);
color: rgb(255, 97, 0);
| Modules | ||
|---|---|---|
| Module Name | Status | Summary |
| CSS Color Module Level 4 | Last review date: 2022-11-12 | |
| CSS Color Module Level 3 | Last review date: 2023-2-19 | |