투명도 Hex Code # Alpha Hexadecimal Color

디자이너들이 사용하는 툴에서는 컬러값이라는 "333333"과 같은 값과 투명도 80%이런식으로 나타내기 때문에,

경우에 따라서 UI에 나타낼때는 Alpha값인 투명도를 Hex코드로 바꿔주어야 하는데요.

오늘은 자주 사용하는 투명도의 HexCode에 대해서 정리해 보겠습니다.

 

1. 투명도에 따른 HexCode

투명도에 따른 HexCode를 표로 정리하면 다음과 같습니다.

개인적으로는 90%인 E6, 80%인 CC나, 60%인 99를 많이 사용하게 되는 것 같습니다.

40%미만은 거의 사용해본적이 없는 것 같네요.

 

투명도	HexCode
100%	FF
98%	FA
95%	F2
90%	E6
85%	D9
80%	CC
70%	B3
60%	99
50%	80
40%	66
30%	4D
20%	33
10%	1A

 

2. 사용방법

앱내에서 자주 Alpha값이 적용되어진다면,

요소마다 Hex값을 찾아서 적어주기보다는,

enum값등 상수로 저장해놓고 사용하는 것이 좋을 것 같습니다.

작업해보면, 프로젝트에서 특별히 많은 값을 사용하지는 않는 것 같습니다.