[CSS] 03-1 웹에서 색상 표현하기

 

1. 16진수 표기법

 

① #ffffff 처럼 #과 함께 6자리의 16진수로 표시

② 앞에서부터 두자리씩 묶어 빨강, 초록, 파랑의 양을 나타냄

③ 하나도 섞이지 않았을 때는 00, 가득 섞였을 때는 ff로 표시 (000000 = 검은색,  ffffff = 흰색)

④  두 자리씩 중복될 경우 줄여 사용할 수 있음  ex) #ffff00 -> #ff0, #cccccc -> #ccc

 

2. rgb와 rgba 표기법

 

① color : rgb(255,0,0)처럼 세 자리의 숫자로 표시

② 앞의 숫자부터 빨강, 초록, 파랑의 양을 나타냄

③ 하나도 섞이지 않았을 때는 0, 가득 섞였을 때는 255

④ 투명도를 조절할 때는 color : rgba(255, 0, 0, 0.3) 처럼 마지막에 알파값 추가

⑤ 알파값은 불투명도를 나타내는 값으로 0~1 값 중에서 사용 (숫자가 작을수록 투명해짐)