CSS 색상

 

 

 

 

color

   - RGB(#+16진수 또는 rgb, rgba)형식으로 색을 표시할 수 있습니다.

      - #+16진수 코드

         > 2자리 16진수로 0부터 255까지를 표시합니다

         > 2자리마다 빨간색, 녹색, 파란색을 의미합니다.

         > ex) rgb(255,128,36) = #FF8024

      - rgba

         > rgb 코드에 투명도를 의미하는 알파값을 추가로 붙인 형식입니다.

         > 색상에 투명도까지 같이 조절할 수 있습니다.

   - 키워드(blue, transparent등), HSL 실린더형 좌표계 사용 등 다른 방식으로도 색을 표현할 수 있습니다.

 

 

opacity

   - 요소의 불투명도를 설정하는 값입니다.

   - 기본값은 1입니다.

   - 자식 요소들에게 상속되지는 않지만, 투명도는 포함된 요소에 모두 적용됩니다.

   - 알파값 0 (투명) ~ 1 (불투명) 의 값으로 조절 가능합니다. 

      alpha-value

         > 0%~100%의 값을 0.0 ~ 1.0으로 지정한 값입니다.