유틸리티 소개

CSS에서 opacity를 16진수로 표현하는 방법과 계산

#FF000080처럼 8자리 HEX 코드에서 마지막 두 자리가 투명도입니다. 투명도를 16진수로 계산하는 방법을 알아봅니다.

투명도 범위

00(완전 투명, 0%)부터 FF(완전 불투명, 100%)까지입니다. 중간값인 80은 약 50% 투명도입니다.

계산 방법

원하는 투명도(%) x 255 / 100을 계산하고 16진수로 변환합니다. 50% = 127.5 = 약 80(16진수). 진수 변환기로 변환하면 정확한 값을 얻을 수 있습니다.

자주 쓰는 값

100%=FF, 90%=E6, 80%=CC, 70%=B3, 60%=99, 50%=80, 40%=66, 30%=4D, 20%=33, 10%=1A.

브라우저 지원

8자리 HEX는 모던 브라우저에서 지원됩니다. IE 지원이 필요하면 rgba()를 사용하세요.

실무에서의 활용

진수 변환 지식은 프로그래밍, 네트워크, 보안 등 다양한 IT 분야에서 필수입니다. 디버깅할 때 메모리 값을 해석하거나, 네트워크 패킷을 분석하거나, 암호화 알고리즘을 이해할 때 모두 진수 변환이 필요합니다. 진수 변환기를 활용하면 복잡한 계산 없이 빠르게 값을 확인할 수 있어 업무 효율이 높아집니다. 특히 2진수와 16진수 사이의 변환은 매우 자주 사용됩니다. 16진수 한 자리가 정확히 4비트를 나타내기 때문에 8비트(1바이트)를 16진수 두 자리로 깔끔하게 표현할 수 있습니다.

학습 팁

처음에는 작은 수부터 연습하세요. 0~15 사이의 수를 2진수, 16진수로 자유롭게 변환할 수 있게 되면 더 큰 수도 쉽게 다룰 수 있습니다. 2의 거듭제곱(1, 2, 4, 8, 16, 32, 64, 128, 256, 512, 1024)을 암기해두면 변환 속도가 빨라집니다.

진수 변환은 IT 분야의 기본 중 기본입니다. 진수 변환기를 활용하면서 원리를 익혀두면 어떤 기술 문제도 해결할 수 있는 기반이 됩니다.