[COLOR] RGB 색 표현하기

RGB란 무엇인가

 

썸네일에 적힌대로 빨강(red), 초록(green), 파랑(blue) 세 종류의 빛의 삼원색을 이용하여 색을 표현하는 방식이다.

 

빛을 이용하여 색을 혼합하고, 색을 섞을 수록 밝아지기 때문에 가산혼합이라고 한다.

 

RGB의 색상 표현은 rgb(red,green,blue) 각각 0~255까지의 색의 조합으로 표현 할수 있다.

 

모든 색이 없으면 rgb(0,0,0)으로 표기하고 검정색에 가까워진다.

 

모든 색을 활성화 하면 rgb(255,255,255)로 표기하고 하얀색에 가까워 진다. 

 

색을 조합하여 나올수 있는 경우의 수는 256X256X256으로 16,777,216개 입니다 

 

(0,0,0)~(255,255,255) 까지 많은 색들이 존재 합니다. 

 

색들이 무수히 많지만 색알못들은 구분을 못한다고 합니다. (저도 잘 구분 못해요)

 

간단한 예시로 아래사진과 같은 립스틱 색상이다. 같은 계열이지만 다른 색상 코드를 가지고 있습니다. 

 

좀더 다양하고 많은 색상을 알아보고 색을 잘쓰도록 노력해야겠네요 .

 

마지막으로 색 적용의 예시입니다.

 

css background-color : rgb(0,0,0)에서 

 

숫자가 있는 부분에 0~255까지의 숫자를 넣으면 색을 바꿀수 있습니다. 

 

 

색 적용 예시

See the Pen rgb by 윤재현 (@jh91) on CodePen.