[CSS] 색상 지정하기

css의 색상 설정에도 여러가지 방법이 있다.

• 키워드 : 색상을 나타내는 키워드
• rgb함수 : rgb함수에 수치를 입력해 색상 결정. 빨초파 각 색상의 비율을 조정한다.
  끝에 'a'를 붙여 투명도를 조절할 수 있다. (0~1 사이의 실수)
• hsl함수 : hsl함수에 수치를 입력해 색상 결정. 색조, 채도, 조도를 이용해 색상을 조정한다.
  끝에 'a'를 붙여 투명도를 조절할 수 있다. (0~1 사이의 실수)
• hsl함수 : hsl함수에 수치를 입력해 색상 결정. 색조, 채도, 조도를 이용해 색상
• 16진수값 : 빨, 초, 파 비율을 16진수로 표현해 색상 결정

색상 코드 예시

<style>
	#a{
    		color: rgb(100%, 50%, 50%);
    	}
    #b{
            color: rgba(100%, 50%, 50%, 0.5);
    	}
    #c{
            color: hsl(300, 50%, 50%);
    	}
    #d{
            color: hsla(300, 50%, 50%, 0.3);
    	}
    #e{
            color: #FF00FF;
    	}
</stlye>