CSS 색상, RGB, 16진법 표기

CSS 색상

▶입력 방법이 다양함

⑴ 미리정해저 있는 컬러이름

EX) red, blue, green 등

⑵ RGB 색상코드를 사용하는 방법

EX) rgb(0,255,200)

⑶ RGBA 색상코드를 사용하는 방법

EX) rgba(0,100,255,0.3)

⑷ 16 진법 색상코드를 사용하는 방법

EX) #0042af

 

RGB (Red, Green, Blue)

▶Red, Green, Blue 빛의 3 원색을 조합하여 만드는 색상표로 0~ 255 까지의 범위를 가진다.

▶0 은 없음 즉 흑색을 255 는 백색을 의미한다

▶rgb(255,255,255) 는 백색

▶rgb(0,0,0) 은 흑색

 

16진법 표기 웹 색상 표기법

▶16 진법 : 0~F (0123456789 abcdef) 의 표현으로 색상을 표시하는 기법으로 6 자리를 가진다

▶#으로 시작해서 뒤에 red, greed, blue 의 채널을 16 진법으로 표시한다

EX) dc143c (다홍색)

▶단 3 가지 채널의 값이 모두 각각 같은경우 6자리가 아닌 3 자리로 쓸수있다

EX) #00ff33 => #0f3