💧 HEX 불투명도 변환기 | 8자리 HEX 바로 산출

변환 방향

색 (6자리 HEX)

불투명도

8자리 HEX (#RRGGBBAA)

붙여 쓸 CSS

불투명도를 두 자리 16진수로 옮길 때

색 뒤에 알파 두 자리를 붙인 8자리 HEX 는 짧아서 디자인 파일과 코드를 오갈 때 자주 쓰입니다. 문제는 사람은 백분율로 말하고 파일은 0~255 정수로 저장한다는 점입니다. 이 변환기는 색과 불투명도를 넣으면 8자리 HEX 와 rgba() 를 함께 내고, 반대로 8자리 HEX 를 넣으면 알파가 몇 퍼센트인지 되돌려 줍니다.

환산은 입력한 백분율에 255 를 곱해 가장 가까운 정수로 반올림하는 방식입니다. 그 정수를 다시 255 로 나눠 백분율로 되돌린 값도 함께 적어, 입력값과 실제로 적용되는 값의 차이를 볼 수 있게 했습니다. 8자리 HEX 표기는 W3C CSS Color 규격에 정의돼 있고 2026년 10월 기준 주요 브라우저가 지원합니다. 아래 표는 5% 간격으로 전체 구간을 보여 줍니다.

자리 순서를 주의하세요. CSS 는 색이 먼저 오는 RRGGBBAA 이고 안드로이드 색 상수는 알파가 먼저 오는 AARRGGBB 입니다. 반올림 때문에 정확히 50% 같은 값은 표현되지 않으며, 색을 섞어 중간색을 만드는 기능과 팔레트 생성은 지원하지 않습니다.

자주 묻는 질문

50%를 넣으면 왜 80이 나오나요?

알파는 0~255 범위의 정수로 저장되므로 50%는 127.5가 되어 128로 반올림되고, 128을 16진수로 쓰면 80입니다. 128을 다시 백분율로 되돌리면 50.196%여서 정확히 50%는 표현되지 않습니다.

8자리 HEX 를 쓰면 안드로이드에서도 그대로 되나요?

자리 순서가 다릅니다. CSS 는 색 뒤에 알파가 오는 RRGGBBAA 이고, 안드로이드의 색 상수는 알파가 앞에 오는 AARRGGBB 입니다. 같은 문자열을 옮겨 붙이면 색이 뒤바뀝니다.

rgba() 와 8자리 HEX 중 무엇을 써야 하나요?

둘은 같은 색을 나타냅니다. 8자리 HEX 는 짧지만 아주 오래된 브라우저가 알아듣지 못하므로, 지원 범위를 넓게 잡아야 하면 rgba() 를 쓰는 편이 안전합니다.

💧HEX 컬러 불투명도(Alpha) 변환기

관련된 도구

OKLCH 색상 코드 변환기

HEX ↔ HSB 값 변환기

불투명도를 두 자리 16진수로 옮길 때

자주 묻는 질문

관련된 도구

OKLCH 색상 코드 변환기

HEX ↔ HSB 값 변환기

불투명도를 두 자리 16진수로 옮길 때

자주 묻는 질문

같은 카테고리 도구