코드, 데이터 및 QR 도구

RGBA를 HEX로 변환

rgba() 값을 붙여 넣거나 숫자 채널을 입력해 alpha 변환을 명확히 표시한 복사용 HEX 색상을 얻으세요.

브라우저에서 로컬 처리가입 불필요개인정보 안내 ↗

색상 값 변환기

RGBA를 복사 가능한 HEX로 변환

CSS 색상 또는 숫자 채널을 사용합니다. 모든 경계를 확인하고 채널을 명시적으로 반올림하며 알파 규칙을 표시합니다.

예: rgba(39, 54, 42, 0.24), rgb(39 54 42), or 39, 54, 42, 24%.

변환 결과

HEX
—
RGB
—
CSS
—

색상을 입력하여 시작하세요.

사용 방법

사용 방법

  1. CSS rgba(), rgb(), 쉼표로 구분한 숫자 값을 붙여 넣거나 채널을 직접 입력하세요.
  2. 불투명 색상에는 6자리 HEX를, alpha가 필요하면 8자리 HEX를 선택하세요.
  3. HEX, RGB, CSS 결과를 복사해 스타일시트나 디자인 토큰에 사용하세요.

허용되는 색상 입력

rgb(r, g, b), rgba(r, g, b, a) 또는 숫자 필드 네 개를 사용하세요. RGB 채널은 0~255의 정수나 소수를 받고 가장 가까운 정수로 반올림됩니다. Alpha는 선택 사항이며 기본값은 1입니다. 0~1의 소수 또는 0%~100% 비율을 사용할 수 있습니다.

HEX 및 alpha 규칙

6자리 HEX에는 빨강, 초록, 파랑만 들어갑니다. 8자리 HEX는 CSS #RRGGBBAA 순서로 끝에 alpha를 16진수 두 자리로 붙입니다. Alpha는 round(alpha × 255)로 변환되므로 0.24는 61 및 3D가 됩니다.

로컬 처리 및 입력 제한

파싱과 변환은 이 브라우저에서 실행됩니다. 입력은 200자로 제한되고 RGB 채널은 0~255, alpha는 0~1 또는 0%~100%여야 합니다. 색상 프로필이나 이름 기반 색상 조회는 적용하지 않습니다.

자주 묻는 질문

더 알아보기

alpha 값을 생략하면 무엇을 뜻하나요?

완전히 불투명함을 뜻합니다. alpha는 1이며 8자리 HEX에서는 255입니다.

소수 RGB는 어떻게 반올림하나요?

각 채널을 가장 가까운 정수로 반올림하며 0~255 안인지 확인한 뒤에만 범위를 제한합니다.

이 도구는 HEX alpha 순서를 어떻게 사용하나요?

CSS #RRGGBBAA 순서를 따르며 마지막 두 16진수 숫자가 alpha입니다.

변환기가 색상을 업로드하나요?

아니요. 변환, 복사, 검증은 브라우저에서 로컬로 이루어집니다.