[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%

 

 

 

강조하고싶은 block 영역

필수로 입력되어야하는 다수의 input들의 null체크를 한다

만약 null일 경우 넘겼던 이름 배열에서 항목 이름을 찾아

"이름 을(를) 입력해주세요"

라는 alert이 뜨면서 해당 input에 커서를 focus 한다