CSS rgba() 함수

예제

불투명도를 가진 다른 RGB 색상(RGBA) 정의:

#p1 {background-color:rgba(255,0,0,0.3);} /* 불투명도를 가진 빨간색 */
#p2 {background-color:rgba(0,255,0,0.3);} /* 불투명도를 가진 녹색 */
#p3 {background-color:rgba(0,0,255,0.3);} /* 불투명도를 가진 파란색 */

직접 시험해 보세요

정의와 사용법

rgba() 함수는 Red-green-blue-alpha (RGBA) 모델을 사용하여 색상을 정의합니다.

RGBA 색상 값은 RGB 색상 값의 확장으로, alpha 채널을 지정할 수 있는 불투명도를 가집니다.

버전: CSS3

브라우저 지원

표에서의 숫자는 이 기능을 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

함수
rgba() 1.0 9.0 3.0 3.1 10.0

CSS 문법

rgba(red, green, blue, 알파)
값 설명
red 빨간색 강도를 0에서 255 사이의 정수 또는 0％에서 100％ 사이의 백분율로 정의합니다.
green 녹색 강도를 0에서 255 사이의 정수 또는 0％에서 100％ 사이의 백분율로 정의합니다.
blue 파란색 강도를 0에서 255 사이의 정수 또는 0％에서 100％ 사이의 백분율로 정의합니다.
알파 불투명도를 0.0(완전 투명)과 1.0(완전 불투명) 사이의 숫자로 정의합니다.