헥스 불투명도 계산기
불투명도 퍼센트를 8자리 CSS 헥스 색상(#rrggbbaa)에 쓰이는 2자리 헥스 알파 접미사로 변환합니다.
이 도구가 궁금증을 해결해 주었나요?
감사합니다 — 도구 개선에 큰 도움이 됩니다.
이 도구 사용법
- 불투명도 퍼센트를 설정하세요(0–100).
- 6자리 기준 헥스 색상을 입력하세요.
- 8자리 헥스(예: #3a86ffcc)를 CSS에 복사해 사용하세요.
최신 CSS는 마지막 두 자리가 알파 채널을 나타내는 8자리 헥스 색상(#rrggbbaa)을 지원합니다. 이 도구는 불투명도 퍼센트를 그 헥스 바이트로 변환합니다.
공식
The 8-bit alpha value for an opacity percentage p is:
alpha = round(p / 100 × 255)
The two-digit hex alpha byte is the zero-padded hexadecimal representation of that integer. The full 8-digit CSS hex color is:
#RRGGBB + alpha_hex
For example, 50% opacity → round(0.50 × 255) = 128 → hex 80 → #rrggbb80.
자주 묻는 질문
- 8자리 헥스 색상이란 무엇인가요?
- #rrggbbaa에서 aa는 알파 채널입니다: 00 = 완전 투명, ff = 완전 불투명. CSS Color Level 4에서 지원됩니다.
- 50%는 정확히 0x80인가요?
- 50% × 255 = 127.5이며, 반올림하면 128 = 0x80이 됩니다. 127과의 시각적 차이는 거의 느껴지지 않습니다.