[안드로이드] 색상코드에 알파값(투명도) 추가하기 - 전체 투명도 HEX 색상코드 포함

 

 

안드로이드 개발에서 색상을 정의할 때 자주 사용하는 형식은 16진수 색상 코드입니다. 대부분의 경우 #RRGGBB 형식으로 색상을 표현하지만, 알파값(투명도)을 추가해 투명한 색상을 표현할 수도 있습니다. 이번 포스팅에서는 알파값을 추가한 색상 표현 방법에 대해 알아보겠습니다.

 

1. 안드로이드 색상 코드 기본 형식

안드로이드에서 색상은 일반적으로 16진수 값으로 표현됩니다. 기본적으로 #AABBCC 형식을 따릅니다.

• #AA: 빨간색(Red)
• #BB: 초록색(Green)
• #CC: 파란색(Blue)

하지만, 때로는 색상에 투명도를 적용하고 싶을 때가 있습니다. 이럴 경우, 16진수 색상 코드에 알파값(Alpha)을 추가해야 합니다.

 

2. 알파값을 포함한 색상 코드 형식

알파값은 색상의 투명도를 의미하며, 00 (완전 투명)에서 FF (불투명) 사이의 값을 가집니다. #AARRGGBB 형식으로 색상 코드를 작성하면 됩니다.

• AA: 알파값 (Alpha)
• RR: 빨간색 (Red)
• GG: 초록색 (Green)
• BB: 파란색 (Blue)

예를 들어, #80AABBFF는 다음과 같이 해석할 수 있습니다:

• 80: 알파값(Alpha) - 50% 투명도
• AA: 빨간색 (Red)
• BB: 초록색 (Green)
• FF: 파란색 (Blue)

이 값은 50%의 투명도가 적용된 #AABBFF 색상을 나타냅니다.

 

반응형

3. 전체 투명도 알파값 16진수 정리

모든 투명도에 대해 16진수로 표시한 테이블입니다.

- 00: 완전투명

- FF: 완전 불투명

 

100% (완전 불투명) — FF 
99% — FC
98% — FA
97% — F7
96% — F5
95% — F2
94% — F0
93% — ED
92% — EB
91% — E8

90% — E6
89% — E3
88% — E0
87% — DE
86% — DB
85% — D9
84% — D6
83% — D4
82% — D1
81% — CF

80% — CC
79% — C9
78% — C7
77% — C4
76% — C2
75% — BF
74% — BD
73% — BA
72% — B8
71% — B5

70% — B3
69% — B0
68% — AD
67% — AB
66% — A8
65% — A6
64% — A3
63% — A1
62% — 9E
61% — 9C

60% — 99
59% — 96
58% — 94
57% — 91
56% — 8F
55% — 8C
54% — 8A
53% — 87
52% — 85
51% — 82

50% — 80
49% — 7D
48% — 7A
47% — 78
46% — 75
45% — 73
44% — 70
43% — 6E
42% — 6B
41% — 69

40% — 66
39% — 63
38% — 61
37% — 5E
36% — 5C
35% — 59
34% — 57
33% — 54
32% — 52
31% — 4F

30% — 4D
29% — 4A
28% — 47
27% — 45
26% — 42
25% — 40
24% — 3D
23% — 3B
22% — 38
21% — 36

20% — 33
19% — 30
18% — 2E
17% — 2B
16% — 29
15% — 26
14% — 24
13% — 21
12% — 1F
11% — 1C

10% — 1A
9% — 17
8% — 14
7% — 12
6% — 0F
5% — 0D
4% — 0A
3% — 08
2% — 05
1% — 03
0% (완전 투명) — 00

 

 

4. 알파값의 활용

알파값을 사용하여 색상의 투명도를 조절하는 방법은 매우 유용합니다. 예를 들어, 배경색을 설정할 때 완전히 불투명한 색상 대신 알파값을 조정하여 부드러운 효과를 줄 수 있습니다. 이를 통해 앱의 UI 디자인을 더욱 세련되게 만들 수 있습니다.

• 완전 투명: #00AABBFF
• 50% 투명: #80AABBFF
• 불투명: #FFAABBFF

 

5. 알파값에 따른 색상 변화 예시

• #00AABBFF (완전 투명): 배경색이 투명하여, 배경 아래의 다른 UI 요소가 보이게 됩니다.
• #80AABBFF (50% 투명): 색상이 절반만 보이고 나머지는 배경색과 섞입니다.
• #FFAABBFF (불투명): 색상이 완전히 불투명하게 보입니다.

이러한 방식으로 안드로이드에서 색상 표현을 보다 풍부하게 조절할 수 있습니다.