개요

우남위키 텍스트 색상, 색서식과 관련된 문법 도움말입니다.

텍스트 색상, 텍스트 바탕색

텍스트 색상 color, 배경색 background 으로 지정

  • <span style="color:#FF0000">빨간색 텍스트 </span>

span style= 를 사용하여 텍스트 색상을 지정할수 있다. 색상 지정은 color:#ff0000 혹은 color:red 으로 입력할수 있다.

입력: <span style="color:#FF0000">빨간색 텍스트 color:#FF0000 </span>
출력: 빨간색 텍스트 color:#ff0000 
입력: <span style="color:red">빨간색 텍스트 color:red </span> 
출력: 빨간색 텍스트 color:red 
  • <span style="background:green"> 텍스트 배경색 green </span>

span style= 를 사용하여 텍스트 배경색을 지정할 수 있다. "background:green"이라 입력하면 바경색이 green으로 나온다. green 대신 red, yellow, black, #ac660, #fc3 등으로 지정할 수 있다.

입력: <span style="background:green"> 텍스트 배경색 green </span>
출력:  텍스트 배경색 green 
입력: <span style="background:#ac6600"> 텍스트 배경색 #ac6600 </span>
출력:  텍스트 배경색 #ac6600 
  • <span style="color:#FFFF00; background:#ac6600"> 글자색 #FFFF00, 바탕색 #ac6600 </span>

글자색은 color=;#ffff00; 배경색은 background:#ac6600 로 한다.

입력: <span style="color:#FFFF00; background:#ac6600"> 글자색 #FFFF00, 바탕색 #ac6600 </span>
출력:  글자색 #FFFF00, 바탕색 #ac6600 
입력: <span style="color:blue; background:Yellow"> 글자색 blue, 바탕색 Yellow </span>
출력:  글자색 blue, 바탕색 Yellow 

영문 컬러색상 이름으로 지정한 실례

입력:  <span style="color:Black">텍스트 color:Black</span>
출력: 텍스트 color:Black
입력:  <span style="color:Darkgray">텍스트 color:Darkgray</span>
출력: 텍스트 color:Darkgray
입력:  <span style="color:Lightgray">텍스트 color:Lightgray</span>
출력: 텍스트 color:Lightgray
입력:  <span style="color:Gray">텍스트 color:Gray</span>
출력: 텍스트 color:Gray
입력:  <span style="color:Blue">텍스트 color:Blue</span>
출력: 텍스트 color:Blue
입력:  <span style="color:BlueGreen">텍스트 color:BlueGreen</span>
출력: 텍스트 color:BlueGreen
입력:  <span style="color:Green">텍스트 color:Green</span>
출력: 텍스트 color:Green
입력:  <span style="color:GreenYellow">텍스트 color:GreenYellow</span>
출력: 텍스트 color:GreenYellow

입력:  <span style="color:Yellow">텍스트 color:Yellow</span>
출력: 텍스트 color:Yellow
입력:  <span style="color:Orange">텍스트 color:Orange</span>
출력: 텍스트 color:Orange
입력:  <span style="color:Purple">텍스트 color:Purple</span>
출력: 텍스트 color:Purple
입력:  <span style="color:Red">텍스트 color:Red</span>
출력: 텍스트 color:Red
입력:  <span style="color:darkRed">텍스트 color:darkRed</span>
출력: 텍스트 color:darkRed


색상관련 자료

  • CSS 색상명과 헥사코드로 된 색상값은 다음 문서를 참조바랍니다.
- [[색상명과 색상값- 헥사코드순 정렬]
- [색상명과 색상값-이름순 정렬]
  • 색상 추출 프로그램
- Encycolorpedia
- RGB Chart & Multi Tool
- 구글 컬러픽커