버튼 수집상

[메모] 컬러 헥스코드에서 알파(투명도) 값 주기 본문

TIL - 메모

[메모] 컬러 헥스코드에서 알파(투명도) 값 주기

cocokaribou 2022. 12. 19. 09:38

6자리 컬러코드 앞에 투명도를 나타내는 두 자리수를 더한다.

 

• 100% — FF
• 90% — E6
• 80% — CC
• 70% — B3
• 60% — 99
• 50% — 80
• 40% — 66
• 30% — 4D
• 20% — 33

• 10% — 1A

 

예)

투명도 50%의 검정색 -> #80000000

 

두 자리수 알파 헥스코드를 구하는 방법.

256을 100으로 놓고 비율에 해당하는 숫자의 16진수를 구한다.

 

예)

투명도 85%

-> 256 * 0.85 = 217.6

-> 217.6 / 16 = 13.6

-> 217.6 % 16 = 9.6

-> #D9

728x90

'TIL - 메모' 카테고리의 다른 글

[메모] HelloWorld 2024 후기  (0) 2024.04.21
[메모] 인상적인 사이트들 정리  (0) 2024.01.11
[메모] DevFest Songdo 2023 후기  (2) 2023.12.11
[메모] 친환경 개발지침  (0) 2023.06.09
[메모] obsolete vs deprecated  (0) 2022.11.14