RGBA

“Red Green Blue Alpha”를 의미합니다.

RGBA는 색상 모델로, RGB 모델을 기반으로 합니다. 빨간색, 녹색, 파란색 빛을 혼합해 스펙트럼의 모든 색상을 만든 다음, 투명도를 나타내는 네 번째 값인 알파를 추가합니다. RGBA는 점진적인 투명도 수준이 필요한 이미지 편집과 웹 그래픽에 자주 사용되는 표준 색상 모델입니다.

RGBA 색상 모델은 RGB와 마찬가지로 가산 방식입니다. 세 색상 채널이 최대값이면 흰색 빛이 생성되고, 최소값이면 검은색이 생성됩니다. 알파 채널은 투명도를 위한 별도의 값을 추가하며, 0%(완전히 투명)에서 100%(완전히 불투명)까지의 범위를 가집니다. 이 중간 투명도 값은 일부 배경색이 비쳐 보이는 픽셀을 만듭니다. 예를 들어 그림자가 있는 이미지는 점점 더 투명해지는 픽셀의 그라데이션을 사용해 배경을 어둡게 만드는 그림자를 생성합니다.

RGBA 이미지에 가장 일반적으로 사용되는 색상 깊이는 픽셀당 32 비트입니다. 빨간색, 녹색, 파란색, 알파에 각각 8비트씩 할당됩니다. 각 8비트 색상 채널에는 0에서 255 사이의 값을 저장할 수 있습니다. 따라서 24비트 트루 컬러 RGB 이미지와 같은 수의 색상(256 x 256 x 256 = 16,777,216가지 색상)을 표현하면서 각 픽셀에 대해 256단계의 투명도를 추가로 사용할 수 있습니다. 그러나 이미지 편집기에서는 각 RGB 값을 0에서 255 사이의 범위로 표시하는 반면, 투명도 값은 0에서 100% 사이의 범위로 표시됩니다.

RGBA 예시

CSS는 텍스트와 그래픽의 색상을 설정하는 방법 중 하나로 RGBA 값을 사용합니다. 빨간색, 녹색, 파란색 값은 0에서 255 사이의 숫자로 입력하고, 알파 값은 0.0에서 1.0 사이의 숫자로 입력합니다. 예를 들어 다음 값은 완전히 불투명한 파란색 텍스트를 생성합니다.

rgba(0, 0, 255, 1.0)

다음 예시는 대신 부분적으로 투명한 파란색 텍스트를 생성합니다.

rgba(0, 0, 255, 0.5)

NOTE: .PNG 및 .TIFF 파일 형식은 32비트 RGBA 이미지를 지원하며, .PSD와 같은 전문 이미지 편집기 형식도 이를 지원합니다. .GIF 파일 형식도 투명도를 지원하지만 알파 채널을 포함하지 않고, 대신 색상 조회 테이블의 단일 색상을 투명하게 정의합니다.