HEX 색상 투명도(알파) 계산기

8자리 HEX 색상은 마지막 두 자리에 불투명도를 담습니다. #2563EB80은 파란색 #2563EB를 약 50% 불투명도로 쓴 것입니다. 이 계산기는 불투명도 퍼센트를 두 자리 알파 코드로 바꾸고, 색을 CSS 순서(#RRGGBBAA), 안드로이드 순서(#AARRGGBB), rgba()로 적어 주며, 반투명한 색이 흰색, 검은색, 직접 정한 배경 위에 놓였을 때 보이는 단색도 보여 줍니다. 표에는 0–100%를 5% 간격으로 정리했습니다.

사용 방법

1. 불투명도를 퍼센트로 입력합니다.
2. 기준 색을 입력합니다(HEX, rgb(), CSS 이름 모두 됩니다).
3. 합성된 불투명 색을 보려면 배경을 고릅니다.
4. CSS에는 코드를, 안드로이드와 .NET에는 #AARRGGBB 형식을 복사합니다.

계산식

알파 바이트 = round(불투명도% × 255) → 16진수 두 자리 · 합성된 채널 = 색 × a + 배경 × (1 − a), a = 바이트 ÷ 255

알파는 256단계뿐이라 대부분의 퍼센트는 반올림됩니다. 50%는 128/255 = 50.2%가 됩니다. 100%는 FF, 0%는 00입니다.

예시

50%에서는 0.5 × 255 = 127.5가 128로 반올림되고, 이는 16진수로 80이므로 파란색 #2563EB는 #2563EB80(안드로이드: #802563EB)이 됩니다. 흰색 위에서는 단색 #92B1F5처럼 보입니다. 빨강은 37 × 0.502 + 255 × 0.498 ≈ 146 = 92이고, 나머지도 같은 식입니다. 75%는 BF이고, 알파 HEX CC는 정확히 80%입니다.