[CSS] 16진수 색상코드에 알파값(투명도) 설정하기

 

 

 

16진수 색상코드에 투명도 설정하기

색상과 알파값을 같이 설정할 때 RGB값을 안다면 rgba(255, 0, 0, 0.6) 이렇게 쓸 수 있지만
16진수로 색상코드에 알파값 두자리를 추가하여 보다 간단하게 설정할 수 있다

 

 

색상코드 사용법

 

🖋 16진수 색상코드

 

#8D43CF ■

 

이 16진수 색상코드에서 뒤에 알파값 코드 두자리를 추가한다

 

 

🖋 알파값을 추가한 색상코드

 

#8D43CFFF ■

 

 

FF는 255의 16진수로 100%를 의미한다

알파값에 따른 16진수 코드는 예시에서 확인하면 된다

 

 

🖋 사용 예시

FF = 100%

F2 = 95%

E6 = 90%

D9 = 85%

CC = 80%

BF = 75%

B3 = 70%

A6 = 65%

99 = 60%

8C = 55%

80 = 50%

73 = 45%

66 = 40%

59 = 35%

4D = 30%

40 = 25%

33 = 20%

26 = 15%

1A = 10%

0D = 5%

00 = 0%