<aside> 📎 요약 Udemy The Web Developer 부트캠프 2024 - Section 9 완강

https://github.com/YunGyeong05/2024_Summer_Mogakso/tree/main/0807

</aside>

# 불투명도와 알파 채널

1. 알파 채널 : 색상이 비치는 정도(투명도)

• 1 : 전혀 투명하지 않다
• 0 : 완전히 투명하다

RGB에 알파 채널을 추가한 RGBA가 있다.

<div id="rgba">
       Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quas nemo exercitationem, at neque vero laudantium libero odio ipsa corporis explicabo facere cumque totam qui eligendi fugit laborum, ratione suscipit reiciendis.
       Aspernatur iure magni obcaecati soluta, praesentium dolores officia, doloremque rerum sit autem perferendis, temporibus pariatur officiis nisi impedit assumenda eaque quaerat eius quod. Quam atque placeat vitae minus temporibus minima.
</div>

section {
    width: 500px;
    height: 500px;
    background-color: magenta;
}

#rgba {
    width: 50%;
    height: 50%;
    background-color: rgba(255, 255, 255, 0.7);
}

rgba를 background-color에만 적용했으므로 텍스트 색상에는 영향을 주지 않는다.

• 16진법(hex)에서의 알파 채널 사용하기
• 00 (완전 투명)
• FF (완전 불투명) ⬅️ 기본적으로는 표시되지 않는다.

숫자를 표현하는 6자리 뒤에 00부터 FF까지의 숫자가 붙어 투명도를 표시한다.

2. 불투명도

불투명도는 특정 요소에 지정해서 그 해당 요소나 자손 요소를 포함한 전체 요소의 투명도를 결정하는 특성이다.

• 1 : 전혀 투명하지 않다 (숨겨지지 않는다)
• 0 : 완전히 투명하다