본문 바로가기
개발

웹에서 색상을 표기하는 방법

by 레드별 2022. 8. 28.

1. 16진수 표기법 

16진수 표기법은 # 기호 다음에 6자리의 숫자나 알파벳을 쓰는 표기법이다. 예를 들어 흰색은 #FFFFFF, 검정색은 #000000으로 표기된다. 이 6자리는 앞에서부터 두 자리씩 #RRGGBB으로 표기되는데 R은 빨간색(Red), G는 초록색(Green), B는 파란색(Blue)을 의미한다. 

 

2. rgb, rgba표기법 

rgb표기법은 빨간색, 초록색, 파란색의 양을  십진수로 표기하는 방법이다.  색이 하나도 섞이지 않았을 경우 0으로 표기하고 가득 섞였을 경우는 255로 표기하며 색상의 양을 조절한다. 예를 들어 빨간색은 rgb(255,0,0)으로 표기한다. 

 

rgba표기법의 경우 맨 끝의 a는 투명도를 값으로 표기하는 것이다. 0에서 1까지에서 나타내는데 1은 완전 불투명하고 0은 완전 투명한 것으로 숫자가 작아질수록 점점 투명해진다. 예를 들면 검정색에 살짝 투명색을 주고 싶으면 rgba(255,255,255,0.8)로 표기하면 된다.   

 

3. 색상 이름 표기법

색상 이름 표기법은 말 그래도 색상 이름으로 표기하는 방법이다. 예를 들어 빨간색은 red로 적고 파란색은 blue로 적는 것이다. 

댓글