728x90
Text Color
문법
color:red;
<!--property:value;-->
1. 색상명
<h1 style="color:Tomato;">Hello World</h1>
색상명으로 입력한다.
2. h16진수 표기법(hexadecimal code)
<h1 style="color:#ff6347;">Hello World</h1># 을 붙인 16진법으로 입력한다. (#ff6347)
여기서 앞의 #은 16진법을 입력하겠다는 의미이고
ff는 빨강 계열, 63은 초록 계열, 47은 파랑 계열이며 각 구간의 수치로 색상을 정할 수 있다.
수치가 커질수록 밝아진다.(#ffffff는 흰색 #000000 은 검은색이 된다)
hex코드라고 부르며 같은 숫자가 연속해서 올 시 #fff (#ffffff) 등으로 축약하여 사용할 수도 있다.
3. RGB 표기법
<h1 style="color:rgb(255, 99, 71);">Hello World</h1>16진수 표기법에서 10진수로 바꾸어준 모양이다.
값에 rgb(nn,nn,nn)을 넣어주며
한 칸에 8bit가 들어가서 색상을 표현하므로 255가 최대치이다 (0~255)
(8bit 색상 표현법은 256*256*256 = 16,777,216가지 색을 표현할 수 있다)
3-1 투명도 표기
<h1 style="color:rgba(255, 99, 71, 0.5);">Hello World</h1>rgb에 a(alpha)를 추가하여 끝자리에 0~1로 투명도를 표현할 수 있다.
1에 가까울수록 불투명함
이 외에도 transparent, opacity의 투명도 조절 방법이 있다.
opacity는 적용한 요소의 자식 요소까지 전부, rgba는 입력한 요소에만 적용된다.
컬러 표시 방식
1. CMYK : 인쇄용도
2. RGB : 화면 표시
컬러 코드 표기
1. 10진수 : rgb(255,255,255)
2. 16진수 : #ffffff