CSS rgb() 함수

정의와 사용법

CSS의 rgb() 함수를 사용하여 빨강-초록-파랑(RGB) 색상 모델로 색상을 지정할 수 있습니다. 또한 선택적인 투명도 채널(색상의 투명도를 나타냅니다)을 추가할 수 있습니다.

RGB 색상 값은 rgb(red green blue상대 값 문법 지정됩니다. 각 파라미터는 이색의 강도를 정의하며, 0에서 255 사이의 정수나 0%에서 100% 사이의 백분율 값이 될 수 있습니다.

예를 들어, rgb(0 0 255) 값은 파란색으로 표시됩니다. 왜냐하면 파란색 파라미터가 최대 값(255)으로 설정되었고, 다른 파라미터는 0으로 설정되었기 때문입니다.

注意：rgba() 주의사항: rgb() rgba() rgb() 기능은

기능의 별명. 사용을 권장합니다

기능

예제
다른 RGB(A) 색상을 정의합니다:
#p1 {background-color:rgb(255 0 0);} /* 빨간색 */
#p2 {background-color:rgb(0 255 0);} /* 녹색 */
#p3 {background-color:rgb(0 0 255);} /* 파란색 */
#p4 {background-color:rgb(192 192 192);} /* 회색 */
#p5 {background-color:rgb(255 255 0);} /* 노란색 */
#p6 {background-color:rgb(255 0 255);} /* 체리색 */

#p7 {background-color:rgb(255 0 255 / 0.2);} /* 투명도를 가진 체리색 */

#p8 {background-color:rgb(0 0 255 / 50%);} /* 투명도를 가진 파란색 */

직접 시험해 보세요

CSS 문법

절대 값 문법

rgb(R G B / A) 설명 키워드 from으로 시작하고, 원래 색상을 나타내는 색상 값이 뒤따릅니다. G B / A상대 값 문법

기술 세부 사항

브라우저 지원

표格에 표시된 숫자는 이 함수를 최초로 완전히 지원한 브라우저 버전을 나타냅니다.