IT & 디지털 미디어

RGBA 색상 합성 계산기

전경색과 배경색을 색상 선택기로 고르고, 전경 불투명도를 조절해 합성 색상과 HEX·RGB 값을 확인합니다.

한눈에 요약

전경색과 배경색을 색상 선택기로 고르고, 전경 불투명도를 조절해 합성 색상과 HEX·RGB 값을 확인합니다.

실시간 자동 연산100% 브라우저 연산검토 완료

RGBA 색상 합성 계산기

실시간 연산
#FF0000
#FFFFFF

계산 결과
수치를 입력하면 실시간으로 계산됩니다.

계산 공식 및 예시

공식결과 채널 = 전경 채널 × 알파 + 배경 채널 × (1 - 알파)
계산 예시전경색 #FF0000, 배경색 #FFFFFF, 불투명도 0.5이면 합성 색상은 #FF8080, RGB(255, 128, 128)입니다.

RGBA 색상 합성 계산기 사용법

전경색과 배경색을 색상 선택기로 고르고, 전경 불투명도를 조절해 합성 색상과 HEX·RGB 값을 확인합니다.

  1. 전경색: 색상 칸을 눌러 배경 위에 올릴 색을 선택하세요.
  2. 배경색: 색상 칸을 눌러 바탕색을 선택하세요.
  3. 전경 불투명도: 0~1 사이 값으로 조절하세요. 0은 배경색만, 1은 전경색만 보이며 0.5는 50% 불투명도입니다.

색상을 바꾸면 HEX 값과 합성 결과가 즉시 갱신됩니다. 빠른 선택 버튼으로 기본 색상과 불투명도를 지정할 수도 있습니다.

계산 방법

결과 채널 = 전경 채널 × 알파 + 배경 채널 × (1 - 알파)

선택한 HEX 색상을 RGB 채널로 변환한 뒤 채널별로 합성하고 가장 가까운 정수로 반올림합니다. 배경은 불투명하다고 가정합니다.

계산 예시

전경색 #FF0000, 배경색 #FFFFFF, 불투명도 0.5이면 합성 색상은 #FF8080, RGB(255, 128, 128)입니다.

사용 시 확인할 점

이 계산기는 표준 채널 값에서 합성합니다. 감마 보정된 sRGB 값을 선형광으로 변환한 뒤 합성하는 방식과는 결과가 다를 수 있습니다.

최종 내용 검토일: 2026-10-04

Q&A

자주 묻는 질문

어떤 상황에 사용하나요?

전경색과 배경색을 색상 선택기로 고르고, 전경 불투명도를 조절해 합성 색상과 HEX·RGB 값을 확인합니다.

결과를 해석할 때 무엇을 확인하나요?

이 계산기는 표준 채널 값에서 합성합니다. 감마 보정된 sRGB 값을 선형광으로 변환한 뒤 합성하는 방식과는 결과가 다를 수 있습니다.