개요
우남위키 텍스트 색상, 색서식과 관련된 문법 도움말입니다.
텍스트 색상, 텍스트 바탕색
텍스트 색상 color 지정하기
span style="color: " 형식을 사용하여 텍스트 색상을 지정할 수 있다. 색상 지정은 color:#ff0000 와 같이 16진수 6자리로 할 수 있다.
- 16진수 코드값 사용예
입력: <span style="color:#FF0000">빨간색 텍스트 </span>
출력: 빨간색 텍스트
입력: <span style="color:#0b7e72">코드색 #0b7e72 텍스트 </span>
출력: 코드색 #0b7e72 텍스트
- HTML ColorName 사용예
영문 색상명으로 16가지이름 black, silver, maroon, red, navy, blue, purple, fuchsia, green, lime, olive, yellow, teal, aqua, gray, white등을 사용할 수 있다.
입력: <span style="color:red">빨간색 텍스트 color:red </span>
출력: 빨간색 텍스트 color:red
입력: <span style="color:aqua"> 텍스트 aqua</span>
출력: 텍스트 aqua
배경색 background 지정하기
- 16진수 코드값, 바탕색만 지정하기
입력: <span style="background:#ac6600"> 바탕색 #ac6600 </span>
출력: 바탕색 #ac6600
입력: <span style="background:Yellow"> 바탕색 Yellow </span>
출력: 바탕색 Yellow
글자색 color를 지정하지 않으면 검정색 글자로 출력된다.
- 글자색을 yellow으로 하고 바탕색 지정하기
입력: <span style="color:yellow; background:#ac6600"> 글자색 yellow, 바탕색 #ac6600 </span>
출력: 글자색 yellow, 바탕색 #ac6600
입력: <span style="color:yellow; background:#800080"> 글자색 yellow, 바탕색 #800080 </span>
출력: 글자색 yellow, 바탕색 #800080
- 글자색, 배경색 모두 영문 색상명으로 지정하기
입력: <span style="color:gray; background:yellown"> 텍스트gray 배경색 yellow</span>
출력: 텍스트gray 배경색 yellow
입력: <span style="color:yellow; background:blue "> 텍스트 yellow 배경색 blue</span>
출력: 텍스트 yellow 배경색 blue
입력: <span style="color:gold; background:maroon "> 텍스트 gold 배경색 maroon</span>
출력: 텍스트 gold 배경색 maroon
영문 색상명으로 16가지이름 black, silver, maroon, red, navy, blue, purple, fuchsia, green, lime, olive, yellow, teal, aqua, gray, white등을 사용할 수 있으며, 위키 색상 문서에서 정의된 HTML name등을 사용할 수 있다.
- 다른 16진수 코드값 인데 결과가 같은 경우 부여주기
16진수 코드값이 #AABBCC = #ABC, #11AA00 = #1A0, #112233 = #123 는 모두 같은 값으로 인식한다.
다음 값 #3300ff 와 #30f 는 같은 결과를 보여준다.
입력: <span style="color:#9900ff"> 같은 글자색 </span>
출력: 같은 글자색
입력: <span style="color:#90F">코드색 #90F 텍스트 </span>
출력: 코드색 #90F 텍스트
색상관련 자료
- 웹 안전 색상
- 더 많은 CSS 색상명과 헥사코드로 된 색상값은 다음 문서를 참조바랍니다.
- - [[색상명과 색상값- 헥사코드순 정렬]
- - [색상명과 색상값-이름순 정렬]
- 색상 추출 프로그램
