CSS

배경색을 칠하기 위한 값의 형태(RGB 색상 값)

개발자잉다 2021. 12. 11. 16:12

HTML에서 색은 빨간색(red), 초록색(green), 파란색(blue)으로 된 빛의 결합으로 표시 된다.

광원(RGB)들 중 하나를 표현 할 때

가장 낮은 색의 값은 0(16진수에서 두자리수)이다.

가장 높은 값은 255(16진수에서는 ff)이다.

진수 값은 #기호를 시작으로 두자리수 씩의 조합으로 표기한다. 

 

 

HEX값

16진수 표기법으로 광원(빛의 3원색)인 red, green, blu의 조합으로 표기한다.

그 광원들 중 하나에 관련 될 수 있는 가장 낮은 값은 0(hex 00)이며, 가장 높은 값은 255(ff)이다.

하나의 광원 당 0~255까지 총 256색을 표현할 수 있다.

#000000 : 광원을 하나도 사용하지 않은 검정색 표시

#ff0000 : 명도와 채도가 가장 높은 빨간색 표시

#00ff00 : 명도와 채도가 가장 높은 초록색 표시

#0000ff : 명도와 채도가 가장 높은 파란색 표시

#ffffff : 광원모두를 합한 색은 흰색으로 표시'

 

RGB값

RGB 각 광원당 256(0~255)의 숫자로 표기

rgb(255,0,0) : 빨강

rgb(0,255,0) : 초록

rgb(0,0,255) : 파랑

 

색의 투명도

CSS는 여기에 alpha(불투명도)까지 더불어 표기할 수 있다.

0 : 완전 투명

1 : 완전 불투명

0~1 사이의 소수점으로 표기한다. 이때 0.1 또는 앞의 0을 빼고 .1로 표기할 수 있다

rgba(255,255,0,0.3)

rgba(255,255,0,.3)

 

대부분 웹문서 작성자들은 3가지 방법 중에서 hex값 표기방법을 사용한다.