(새 문서: == 개요 == 우남위키 텍스트 색상, 색서식과 관련된 문법 도움말입니다. == 텍스트 색상, 텍스트 바탕색 == === 텍스트 색상 color, 배경색 backg...)
 
편집 요약 없음
4번째 줄: 4번째 줄:


== 텍스트 색상, 텍스트 바탕색 ==
== 텍스트 색상, 텍스트 바탕색 ==
=== 텍스트 색상 color, 배경색 background 으로 지정 ===
=== 텍스트 색상 color 지정하기 ===
*  <nowiki><span style="color:#FF0000">빨간색 텍스트 </span></nowiki> <br>
span style="color: " 형식을 사용하여 텍스트 색상을 지정할 수 있다. 색상 지정은 color:#ff0000 와 같이 16진수 6자리로 할 수 있다.
span style= 를 사용하여 텍스트 색상을 지정할수 있다. 색상 지정은 color:#ff0000 혹은 color:red 으로 입력할수 있다.


  입력: <nowiki><span style="color:#FF0000">빨간색 텍스트 color:#FF0000 </span></nowiki>
 
  출력: <span style="color:#FF0000">빨간색 텍스트 color:#ff0000 </span>
* 16진수 코드값 사용예 <br>
 
  입력: <nowiki><span style="color:#FF0000">빨간색 텍스트 </span></nowiki>
  출력: <span style="color:#FF0000">빨간색 텍스트 </span>
 
입력: <nowiki><span style="color:#0b7e72">코드색 #0b7e72 텍스트 </span></nowiki>
출력: <span style="color:#0b7e72">코드색 #0b7e72 텍스트 </span>
 
 
*  HTML ColorName 사용예 <br>
영문 색상명으로 16가지이름 black, silver, maroon, red, navy, blue, purple, fuchsia, green, lime, olive, yellow, teal, aqua, gray, white등을 사용할 수 있다.


  입력: <nowiki><span style="color:red">빨간색 텍스트 color:red </span></nowiki>  
  입력: <nowiki><span style="color:red">빨간색 텍스트 color:red </span></nowiki>  
  출력: <span style="color:red">빨간색 텍스트 color:red </span>
  출력: <span style="color:red">빨간색 텍스트 color:red </span>


* <nowiki><span style="background:green"> 텍스트 배경색 green </span></nowiki> <br>
입력: <nowiki><span style="color:aqua"> 텍스트 aqua</span></nowiki>  
span style= 를 사용하여 텍스트 배경색을 지정할 수 있다. "background:green"이라 입력하면 바경색이 green으로 나온다. green 대신 red, yellow, black, #ac660, #fc3 등으로 지정할 수 있다.
출력: <span style="color:aqua"> 텍스트 aqua</span>
 
 
=== 배경색 background 지정하기 ===
 
* 16진수 코드값, 바탕색만 지정하기<br>
 
입력: <nowiki><span style="background:#ac6600"> 바탕색 #ac6600 </span></nowiki>
출력: <span style="background:#ac6600"> 바탕색 #ac6600 </span>
 
입력: <nowiki><span style="background:Yellow"> 바탕색 Yellow </span></nowiki>
출력: <span style="background:Yellow"> 바탕색 Yellow </span>


입력: <nowiki><span style="background:green"> 텍스트 배경색 green </span></nowiki>
글자색 color를 지정하지 않으면 검정색 글자로 출력된다.<br>
출력: <span style="background:green"> 텍스트 배경색 green </span>


입력: <nowiki><span style="background:#ac6600"> 텍스트 배경색 #ac6600 </span></nowiki>
출력: <span style="background:#ac6600"> 텍스트 배경색 #ac6600 </span>


* <nowiki><span style="color:#FFFF00; background:#ac6600"> 글자색 #FFFF00, 바탕색 #ac6600 </span></nowiki><br>
* 글자색을 yellow으로 하고 바탕색 지정하기<br>
글자색은 color=;#ffff00; 배경색은 background:#ac6600 로 한다.<br>


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


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


=== 영문 컬러색상 이름으로 지정한 실례 ===
입력: <nowiki> <span style="color:Black">텍스트 color:Black</span></nowiki>
출력: <span style="color:Black">텍스트 color:Black</span>


입력: <nowiki> <span style="color:Darkgray">텍스트 color:Darkgray</span></nowiki>
* 글자색, 배경색 모두 영문 색상명으로 지정하기<br>
출력: <span style="color:Darkgray">텍스트 color:Darkgray</span>


  입력: <nowiki> <span style="color:Lightgray">텍스트 color:Lightgray</span></nowiki>
  입력: <nowiki><span style="color:gray; background:yellown"> 텍스트gray 배경색 yellow</span></nowiki>
  출력: <span style="color:Lightgray">텍스트 color:Lightgray</span>
  출력: <span style="color:gray; background:yellow"> 텍스트gray 배경색 yellow</span>


  입력: <nowiki> <span style="color:Gray">텍스트 color:Gray</span></nowiki>
  입력: <nowiki><span style="color:yellow; background:blue "> 텍스트 yellow 배경색 blue</span></nowiki>
  출력: <span style="color:Gray">텍스트 color:Gray</span>
  출력: <span style="color:yellow; background:blue "> 텍스트 yellow 배경색 blue</span>


  입력: <nowiki> <span style="color:Blue">텍스트 color:Blue</span></nowiki>
  입력: <nowiki><span style="color:gold; background:maroon "> 텍스트 gold 배경색 maroon</span></nowiki>
  출력: <span style="color:Blue">텍스트 color:Blue</span>
  출력: <span style="color:gold; background:maroon "> 텍스트 gold 배경색 maroon</span>


입력: <nowiki> <span style="color:BlueGreen">텍스트 color:BlueGreen</span></nowiki>
출력: <span style="color:BlueGreen">텍스트 color:BlueGreen</span>


입력: <nowiki> <span style="color:Green">텍스트 color:Green</span></nowiki>
영문 색상명으로 16가지이름 black, silver, maroon, red, navy, blue, purple, fuchsia, green, lime, olive, yellow, teal, aqua, gray, white등을 사용할 수 있으며, [https://meta.wikimedia.org/wiki/Wiki_color_formatting_help 위키 색상 문서]에서 정의된 '''HTML name'''등을 사용할 수 있다.
출력: <span style="color:Green">텍스트 color:Green</span>


입력: <nowiki> <span style="color:GreenYellow">텍스트 color:GreenYellow</span></nowiki>
출력: <span style="color:GreenYellow">텍스트 color:GreenYellow</span>
입력: <nowiki> <span style="color:Yellow">텍스트 color:Yellow</span></nowiki>
출력: <span style="color:Yellow">텍스트 color:Yellow</span>


입력: <nowiki> <span style="color:Orange">텍스트 color:Orange</span></nowiki>
* 다른 16진수 코드값 인데 결과가 같은 경우 부여주기<br>
출력: <span style="color:Orange">텍스트 color:Orange</span>
16진수 코드값이 #AABBCC = #ABC, #11AA00 = #1A0, #112233 = #123 는 모두 같은 값으로 인식한다.


입력: <nowiki> <span style="color:Purple">텍스트 color:Purple</span></nowiki>
다음 값 #3300ff 와 #30f 는 같은 결과를 보여준다.<br>
출력: <span style="color:Purple">텍스트 color:Purple</span>


  입력: <nowiki> <span style="color:Red">텍스트 color:Red</span></nowiki>
  입력: <nowiki><span style="color:#9900ff"> 같은 글자색 </span></nowiki>
  출력: <span style="color:Red">텍스트 color:Red</span>
출력: <span style="color:#9900ff"> 같은 글자색 </span>
 
입력: <nowiki><span style="color:#90F">코드색 #90F 텍스트 </span></nowiki>
  출력: <span style="color:#90F">코드색 #90F 텍스트 </span>


입력: <nowiki> <span style="color:darkRed">텍스트 color:darkRed</span></nowiki>
출력: <span style="color:darkRed">텍스트 color:darkRed</span>




== 색상관련 자료 ==
== 색상관련 자료 ==
 
* [[웹 안전 색상]]
* CSS 색상명과 헥사코드로 된 색상값은 다음 문서를 참조바랍니다.<br>
* 더 많은 CSS 색상명과 헥사코드로 된 색상값은 다음 문서를 참조바랍니다.<br>
:- [[[https://www.w3schools.com/colors/colors_hex.asp 색상명과 색상값- 헥사코드순 정렬]]
:- [[[https://www.w3schools.com/colors/colors_hex.asp 색상명과 색상값- 헥사코드순 정렬]]
:- [[https://www.w3schools.com/colors/colors_names.asp 색상명과 색상값-이름순 정렬]]
:- [[https://www.w3schools.com/colors/colors_names.asp 색상명과 색상값-이름순 정렬]]
85번째 줄: 89번째 줄:




[[분류:위키문법]]
[[분류:위키문법]][[분류"웹]]

2020년 7월 19일 (일) 23:34 판

개요

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

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

텍스트 색상 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 색상명과 헥사코드로 된 색상값은 다음 문서를 참조바랍니다.
- [[색상명과 색상값- 헥사코드순 정렬]
- [색상명과 색상값-이름순 정렬]
  • 색상 추출 프로그램
- Encycolorpedia
- RGB Chart & Multi Tool
- 구글 컬러픽커분류"웹