CSS - 색상단위(RGB색상,RGBA색상,HEX코드)

색상을 입력하는 가장 간단한 방법은 다음 코드와 같이 색상에 해당하는 영단어를 입력하는것 이다.

하지만 영단어로 표현할수 있는 색상은 제한되어 있기 때문에 CSS3에서는 색상을  단위를 제공한다.

 

HEX 코드 단위에서 색상을 16진수로 표현할때는 각 색상 요소에 00에서 FF사이의 값을 입력한다

16진수는 F는 10진수 16을 의미하므로 16x16=256을 나타냄 RGB 색상단위와 같으므로  쉽게 사용할 수 있다.

색상 선택이 힘들다면 COkirPicker은 같은 색상선택 도구를 사용해보는것도 좋다 

RGB 색상	형태	rgb(red,green,blue)
	설명	R(빨간색)과 G(초록색)와 B(파란색)을 조합해 색상을 표현하며, 0부터 255사이의 숫자를 입력합니다.
	예	<style> h1 {background-color:rgb(255,255,255);} </style>

RGBA 색상	형태	rgba(red,green,blue,alpha)
	설명	RGB 색상단위 알파값을 추가한 형태 알파값은 투명도를 나타내며, 0.0부터 1.0 사이의 숫자를 입력함 0.0은 완전투명상태이거 1.0은 완전 불투명 상태
	예	<style> h1 {background-color:rgba(255,255,25,0.5);} </style>

HEX코드	형태	#000000
	설명	RGB 색상단위를 짧게 입력하는 방법으로 RGB 색상 조합을 #000000 같은 16진수로 입력한다
	예	<style> h1 { background-color:#0094FF;} </style>

https://www.webfx.com/web-design/color-picker/

Color Picker by WebFX – Free HTML Color Chooser

색상선택 프로그램