08. 색상 사용(색상, 배경색)

1. 색상을 적용하는 다양한 방법

– 빨간색/파란색의 이름 …
– 색상수 : 포토샵 #9ae0ad로 색상수 확인 …
– 컬러 모드 RGB(154.224.173)
– 색상 + 투명도 rgba (빨간색, 녹색, 파란색, 알파(투명도))

a(알파): 0%~100%, 0~1로 표현
rgb는 자주 사용하지 않으나 투명도 조절이 필요할 때 사용
*css로 투명도를 불투명하게 만들 수 있습니다.

background-color는 opacity가 주어지면 클래스 전체(배경색, 텍스트 등)에 투명도가 적용됩니다.

배경색 태그 : 배경색

    <style>
		.box2{
			background-color: orange;
			background-color: #9ae0ad;
			background-color: RGB(154,224,173);
			background-color: RGBa(154,224,173,0.4);
		}
        .opacity{
			opacity: 0.5;
			background-color: yellowgreen;
		}
    </style>