• 문서
  • 토론
  • 읽기
  • 원본 보기
  • 역사 보기
위키문법/텍스트 색상 지정하기
최근 수정 : 2020년 12월 27일 (일) 13:36

개요

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

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

텍스트 색상 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 지정하기

span style="background: " 형식을 사용하여 텍스트 배경색을 지정할 수 있다. 값이 지정되지 않으면 white 흰색으로 출력된다.


  • 16진수 코드값, 바탕색만 지정하기
입력: <span style="background:#ac6600"> 바탕색 #ac6600 </span>
출력:  바탕색 #ac6600 
입력: <span style="background:Yellow"> 바탕색 Yellow </span>
출력:  바탕색 Yellow 

글자색 color를 지정하지 않으면 black 검정색 글자로 출력된다.


  • 글자색을 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:yellow"> 텍스트gray 배경색 yellow</span>
출력:  텍스트gray 배경색 yellow
입력: <span style="color:yellow; background:blue "> 텍스트 yellow 배경색 blue</span>
출력:  텍스트 yellow 배경색 blue


영문색상명으로 black, silver, maroon, red등 사용가능하다.

영문 색상 목록 참조.

  • 다른 16진수 코드값 인데 결과가 같은 경우 부여주기

16진수 코드값이 #AABBCC = #ABC, #11AA00 = #1A0, #112233 = #123 는 모두 같은 값으로 인식한다.


입력: <span style="color:#9900ff"> 같은 글자색 </span>
출력:  같은 글자색 

관련 틀

{{글자색|red|안녕하십니까.}}

안녕하십니까.

{{Bg|#e0ffff|내용 입력}}

내용 입력


색상 코드

컬러명 색상값
indianred #cd5c5c cd 5c 5c
lightcoral #f08080 f0 80 80
orangered #ff4500 ff 45 00
crimson #dc143c dc 14 3c
darkred #8b0000 8b 00 00
pink #ffc0cb ff c0 cb
hotpink #ff69b4 ff 69 b4
palevioletred #db7093 db 70 93
khaki #f0e68c f0 e6 8c
lightgoldenrodyellow #fafad2 fa fa d2
lemonchiffon #fffacd ff fa cd
gold #ffd700 ff d7 00
moccasin #ffe4b5 ff e4 b5
cyan #00ffff 00 ff ff
aquamarine #7fffd4 7f ff d4
mediumturquoise #48d1cc 48 d1 cc
cadetblue #5f9ea0 5f 9e a0
lightcyan #e0ffff e0 ff ff
powderblue #b0e0e6 b0 e0 e6
steelblue #4682b4 46 82 b4
skyblue #87ceeb 87 ce eb
deepskyblue #00bfff 00 bf ff
royalblue #4169e1 41 69 e1
dodgerblue #1e90ff 1e 90 ff
mediumblue #0000cd 00 00 cd
navy #000080 00 00 80
lightsalmon #ffa07a ff a0 7a
darkorange #ff8c00 ff 8c 00
tomato #ff6347 ff 63 47
aquamarine #7fffd4 7f ff d4
springgreen #00ff7f 00 ff 7f
greenyellow #adff2f ad ff 2f
lawngreen #7cfc00 7c fc 00
lightgreen #90ee90 90 ee 90
limegreen #32cd32 32 cd 32
darkseagreen #8fbc8f 8f bc 8f
seagreen #2e8b57 2e 8b 57
olivedrab #6b8e23 6b 8e 23
darkolivegreen #556b2f 55 6b 2f
mediumaquamarine #66cdaa 66 cd aa
lightseagreen #20b2aa 20 b2 aa
teal #008080 00 80 80
thistle #d8bfd8 d8 bf d8
violet #ee82ee ee 82 ee
magenta #ff00ff ff 00 ff
mediumorchid #ba55d3 ba 55 d3
blueviolet #8a2be2 8a 2b e2
mediumpurple #9370db 93 70 db
purple #800080 80 00 80
darkslateblue #483d8b 48 3d 8b
honeydew #f0fff0 f0 ff f0
azure #f0ffff f0 ff ff
ghostwhite #f8f8ff f8 f8 ff
lavenderblush #fff0f5 ff f0 f5
antiquewhite #faebd7 fa eb d7
snow #fffafa ff fa fa
beige #f5f5dc f5 f5 dc
oldlace #fdf5e6 fd f5 e6
ivory #fffff0 ff ff f0
lightgrey #d3d3d3 d3 d3 d3
darkgray #a9a9a9 a9 a9 a9
dimgray #696969 69 69 69
lightslategray #778899 77 88 99
cornsilk #fff8dc ff f8 dc
bisque #ffe4c4 ff e4 c4
wheat #f5deb3 f5 de b3
goldenrod #daa520 da a5 20
peru #cd853f cd 85 3f
maroon #800000 80 00 00
brown #a52a2a a5 2a 2a
darkred #8b0000 8b 00 00
tan #d2b48c d2 b4 8c
black #000000 00 00 00
darksalmon #e9967a e9 96 7a
salmon #fa8072 fa 80 72
red #ff0000 ff 00 00
firebrick #b22222 b2 22 22
mediumvioletred #c71585 c7 15 85
lightpink #ffb6c1 ff b6 c1
deeppink #ff1493 ff 14 93
darkkhaki #bdb76b bd b7 6b
palegoldenrod #eee8aa ee e8 aa
lightyellow #ffffe0 ff ff e0
yellow #ffff00 ff ff 00
papayawhip #ffefd5 ff ef d5
peachpuff #ffdab9 ff da b9
aqua #00ffff 00 ff ff
turquoise #40e0d0 40 e0 d0
darkturquoise #00ced1 00 ce d1
slategray #708090 70 80 90
paleturquoise #afeeee af ee ee
lightsteelblue #b0c4de b0 c4 de
lightblue #add8e6 ad d8 e6
lightskyblue #87cefa 87 ce fa
cornflowerblue #6495ed 64 95 ed
mediumslateblue #7b68ee 7b 68 ee
blue #0000ff 00 00 ff
darkblue #00008b 00 00 8b
midnightblue #191970 19 19 70
orange #ffa500 ff a5 00
coral #ff7f50 ff 7f 50
orangered #ff4500 ff 45 00
mediumspringgreen #00fa9a 00 fa 9a
palegreen #98fb98 98 fb 98
chartreuse #7fff00 7f ff 00
lime #00ff00 00 ff 00
yellowgreen #9acd32 9a cd 32
mediumseagreen #3cb371 3c b3 71
forestgreen #228b22 22 8b 22
green #008000 00 80 00
olive #808000 80 80 00
darkgreen #006400 00 64 00
turquoise #40e0d0 40 e0 d0
darkcyan #008b8b 00 8b 8b
lavender #e6e6fa e6 e6 fa
plum #dda0dd dd a0 dd
fuchsia #ff77ff ff 77 ff
orchid #da70d6 da 70 d6
darkorchid #9932cc 99 32 cc
darkviolet #9400d3 94 00 d3
slateblue #6a5acd 6a 5a cd
darkmagenta #8b008b 8b 00 8b
indigo #4b0082 4b 00 82
mintcream #f5fffa f5 ff fa
aliceblue #f0f8ff f0 f8 ff
whitesmoke #f5f5f5 f5 f5 f5
mistyrose #ffe4e1 ff e4 e1
seashell #fff5ee ff f5 ee
white #ffffff ff ff ff
linen #faf0e6 fa f0 e6
floralwhite #fffaf0 ff fa f0
gainsboro #dcdcdc dc dc dc
silver #c0c0c0 c0 c0 c0
gray #808080 80 80 80
darkslategray #2f4f4f 2f 4f 4f
slategray #708090 70 80 90
blanchedalmond #ffebcd ff eb cd
navajowhite #ffdead ff de ad
sandybrown #f4a460 f4 a4 60
darkgoldenrod #b8860b b8 86 0b
chocolate #d2691e d2 69 1e
saddlebrown #8b4513 8b 45 13
sienna #a0522d a0 52 2d
burlywood #deb887 de b8 87
rosybrown #bc8f8f bc 8f 8f
chrome #F7E600 F7 E6 00
Colors Color Name HEX
Crayola Red #ED0A3F
Crayola Maroon #C32148
Crayola Scarlet #FD0E35
Crayola Brick Red #C62D42
Crayola English Vermilion #CC474B
Crayola Madder Lake #CC3336
Crayola Permanent Geranium Lake #E12C2C
Crayola Maximum Red #D92121
Crayola Indian Red #B94E48
Crayola Orange-Red #FF5349
Crayola Sunset Orange #FE4C40
Crayola Bittersweet #FE6F5E
Crayola Dark Venetian Red #B33B24
Crayola Venetian Red #CC553D
Crayola Light Venetian Red #E6735C
Crayola Vivid Tangerine #FF9980
Crayola Middle Red #E58E73
Crayola Burnt Orange #FF7F49
Crayola Red-Orange #FF681F
Crayola Orange #FF8833
Crayola Macaroni and Cheese #FFB97B
Crayola Middle Yellow Red #ECB176
Crayola Mango Tango #E77200
Crayola Yellow-Orange #FFAE42
Crayola Maximum Yellow Red #F2BA49
Crayola Banana Mania #FBE7B2
Crayola Maize #F2C649
Crayola Orange-Yellow #F8D568
Crayola Goldenrod #FCD667
Crayola Dandelion #FED85D
Crayola Yellow #FBE870
Crayola Green-Yellow #F1E788
Crayola Middle Yellow #FFEB00
Crayola Olive Green #B5B35C
Crayola Spring Green #ECEBBD
Crayola Maximum Yellow #FAFA37
Crayola Canary #FFFF99
Crayola Lemon Yellow #FFFF9F
Crayola Maximum Green Yellow #D9E650
Crayola Middle Green Yellow #ACBF60
Crayola Inchworm #AFE313
Crayola Light Chrome Green #BEE64B
Crayola Yellow-Green #C5E17A
Crayola Maximum Green #5E8C31
Crayola Asparagus #7BA05B
Crayola Granny Smith Apple #9DE093
Crayola Fern #63B76C
Crayola Middle Green #4D8C57
Crayola Green #3AA655
Crayola Medium Chrome Green #6CA67C
Crayola Forest Green #5FA777
Crayola Sea Green #93DFB8
Crayola Shamrock #33CC99
Crayola Mountain Meadow #1AB385
Crayola Jungle Green #29AB87
Crayola Caribbean Green #00CC99
Crayola Tropical Rain Forest #00755E
Crayola Middle Blue Green #8DD9CC
Crayola Pine Green #01786F
Crayola Maximum Blue Green #30BFBF
Crayola Robin's Egg Blue #00CCCC
Crayola Teal Blue #008080
Crayola Light Blue #8FD8D8
Crayola Aquamarine #95E0E8
Crayola Turquoise Blue #6CDAE7
Crayola Outer Space #2D383A
Crayola Sky Blue #76D7EA
Crayola Middle Blue #7ED4E6
Crayola Blue-Green #0095B7
Crayola Pacific Blue #009DC4
Crayola Cerulean #02A4D3
Crayola Maximum Blue #47ABCC
Crayola Blue (I) #4997D0
Crayola Cerulean Blue #339ACC
Crayola Cornflower #93CCEA
Crayola Green-Blue #2887C8
Crayola Midnight Blue #00468C
Crayola Navy Blue #0066CC
Crayola Denim #1560BD
Crayola Blue (III) #0066FF
Crayola Cadet Blue #A9B2C3
Crayola Periwinkle #C3CDE6
Crayola Blue (II) #4570E6
Crayola Wild Blue Yonder #7A89B8
Crayola Indigo #4F69C6
Crayola Manatee #8D90A1
Crayola Cobalt Blue #8C90C8
Crayola Celestial Blue #7070CC
Crayola Blue Bell #9999CC
Crayola Maximum Blue Purple #ACACE6
Crayola Violet-Blue #766EC8
Crayola Blue-Violet #6456B7
Crayola Ultramarine Blue #3F26BF
Crayola Middle Blue Purple #8B72BE
Crayola Purple Heart #652DC1
Crayola Royal Purple #6B3FA0
Crayola Violet (II) #8359A3
Crayola Medium Violet #8F47B3
Crayola Wisteria #C9A0DC
Crayola Lavender (I) #BF8FCC
Crayola Vivid Violet #803790
Crayola Maximum Purple #733380
Crayola Purple Mountains' Majesty #D6AEDD
Crayola Fuchsia #C154C1
Crayola Pink Flamingo #FC74FD
Crayola Violet (I) #732E6C
Crayola Brilliant Rose #E667CE
Crayola Orchid #E29CD2
Crayola Plum #8E3179
Crayola Medium Rose #D96CBE
Crayola Thistle #EBB0D7
Crayola Mulberry #C8509B
Crayola Red-Violet #BB3385
Crayola Middle Purple #D982B5
Crayola Maximum Red Purple #A63A79
Crayola Jazzberry Jam #A50B5E
Crayola Eggplant #614051
Crayola Magenta #F653A6
Crayola Cerise #DA3287
Crayola Wild Strawberry #FF3399
Crayola Lavender (II) #FBAED2
Crayola Cotton Candy #FFB7D5
Crayola Carnation Pink #FFA6C9
Crayola Violet-Red #F7468A
Crayola Razzmatazz #E30B5C
Crayola Pig Pink #FDD7E4
Crayola Carmine #E62E6B
Crayola Blush #DB5079
Crayola Tickle Me Pink #FC80A5
Crayola Mauvelous #F091A9
Crayola Salmon #FF91A4
Crayola Middle Red Purple #A55353
Crayola Mahogany #CA3435
Crayola Melon #FEBAAD
Crayola Pink Sherbert #F7A38E
Crayola Burnt Sienna #E97451
Crayola Brown #AF593E
Crayola Sepia #9E5B40
Crayola Fuzzy Wuzzy #87421F
Crayola Beaver #926F5B
Crayola Tumbleweed #DEA681
Crayola Raw Sienna #D27D46
Crayola Van Dyke Brown #664228
Crayola Tan #D99A6C
Crayola Desert Sand #EDC9AF
Crayola Peach #FFCBA4
Crayola Burnt Umber #805533
Crayola Apricot #FDD5B1
Crayola Almond #EED9C4
Crayola Raw Umber #665233
Crayola Shadow #837050
Crayola Raw Sienna (I) #E6BC5C
Crayola Timberwolf #D9D6CF
Crayola Gold (I) #92926E
Crayola Gold (II) #E6BE8A
Crayola Silver #C9C0BB
Crayola Copper #DA8A67
Crayola Antique Brass #C88A65
Crayola Black #000000
Crayola Charcoal Gray #736A62
Crayola Gray #8B8680
Crayola Blue-Gray #C8C8CD
Fluorescent Radical Red #FF355E
Fluorescent Wild Watermelon #FD5B78
Fluorescent Outrageous Orange #FF6037
Fluorescent Atomic Tangerine #FF9966
Fluorescent Neon Carrot #FF9933
Fluorescent Sunglow #FFCC33
Fluorescent Laser Lemon #FFFF66
Fluorescent Unmellow Yellow #FFFF66
Fluorescent Electric Lime #CCFF00
Fluorescent Screamin' Green #66FF66
Fluorescent Magic Mint #AAF0D1
Fluorescent Blizzard Blue #50BFE6
Fluorescent Shocking Pink #FF6EFF
Fluorescent Razzle Dazzle Rose #EE34D2
Fluorescent Hot Magenta #FF00CC
Fluorescent Purple Pizzazz #FF00CC
Bright Colors Sizzling Red #FF3855
Bright Colors Red Salsa #FD3A4A
Bright Colors Tart Orange #FB4D46
Bright Colors Orange Soda #FA5B3D
Bright Colors Bright Yellow #FFAA1D
Bright Colors Yellow Sunshine #FFF700
Bright Colors Slimy Green #299617
Bright Colors Green Lizard #A7F432
Bright Colors Denim Blue #2243B6
Bright Colors Blue Jeans #5DADEC
Bright Colors Plump Purple #5946B2
Bright Colors Purple Plum #9C51B6
Bright Colors Sweet Brown #A83731
Bright Colors Brown Sugar #AF6E4D
Bright Colors Eerie Black #1B1B1B
Bright Colors Black Shadows #BFAFB2
Bright Colors Fiery Rose #FF5470
Bright Colors Sizzling Sunrise #FFDB00
Bright Colors Heat Wave #FF7A00
Bright Colors Lemon Glacier #FDFF00
Bright Colors Spring Frost #87FF2A
Bright Colors Absolute Zero #0048BA
Bright Colors Winter Sky #FF007C
Bright Colors Frostbite #E936A7
Metallic Alloy Orange #C46210
Metallic B'dazzled Blue #2E5894
Metallic Big Dip O' Ruby #9C2542
Metallic Bittersweet Shimmer #BF4F51
Metallic Blast Off Bronze #A57164
Metallic Cyber Grape #58427C
Metallic Deep Space Sparkle #4A646C
Metallic Gold Fusion #85754E
Metallic Illuminating Emerald #319177
Metallic Metallic Seaweed #0A7E8C
Metallic Metallic Sunburst #9C7C38
Metallic Razzmic Berry #8D4E85
Metallic Sheen Green #8FD400
Metallic Shimmering Blush #D98695
Metallic Sonic Silver #757575
Metallic Steel Blue #0081AB
Silver Aztec Gold #C39953
Silver Burnished Brown #A17A74
Silver Cerulean Frost #6D9BC3
Silver Cinnamon Satin #CD607E
Silver Copper Penny #AD6F69
Silver Cosmic Cobalt #2E2D88
Silver Glossy Grape #AB92B3
Silver Granite Gray #676767
Silver Green Sheen #6EAEA1
Silver Lilac Luster #AE98AA
Silver Misty Moss #BBB477
Silver Mystic Maroon #AD4379
Silver Pearly Purple #B768A2
Silver Pewter Blue #8BA8B7
Silver Polished Pine #5DA493
Silver Quick Silver #A6A6A6
Silver Rose Dust #9E5E6F
Silver Rusty Red #DA2C43
Silver Shadow Blue #778BA5
Silver Shiny Shamrock #5FA778
Silver Steel Teal #5F8A8B
Silver Sugar Plum #914E75
Silver Twilight Lavender #8A496B
Silver Wintergreen Dream #56887D
Fragrance Baby Powder #FEFEFA
Fragrance Banana #FFD12A
Fragrance Blueberry #4F86F7
Fragrance Bubble Gum #FFD3F8
Fragrance Cedar Chest #C95A49
Fragrance Cherry #DA2647
Fragrance Chocolate #BD8260
Fragrance Coconut #FEFEFE
Fragrance Daffodil #FFFF31
Fragrance Dirt 9B7653
Fragrance Eucalyptus #44D7A8
Fragrance Fresh Air #A6E7FF
Fragrance Grape #6F2DA8
Fragrance Jelly Bean #DA614E
Fragrance Leather Jacket #253529
Fragrance Lemon #FFFF38
Fragrance Licorice #1A1110
Fragrance Lilac #DB91EF
Fragrance Lime #B2F302
Fragrance Lumber #FFE4CD
Fragrance New Car #214FC6
Fragrance Orange #FF8866
Fragrance Peach #FFD0B9
Fragrance Pine #45A27D
Fragrance Rose #FF5050
Fragrance Shampoo #FFCFF1
Fragrance Smoke #738276
Fragrance Soap #CEC8EF
Fragrance Strawberry #FC5A8D
Fragrance Tulip #FF878D
Jewelry Stones Amethyst #64609A
Jewelry Stones Citrine #933709
Jewelry Stones Emerald #14A989
Jewelry Stones Jade #469A84
Jewelry Stones Jasper #D05340
Jewelry Stones Lapis Lazuli #436CB9
Jewelry Stones Malachite #469496
Jewelry Stones Moonstone #3AA8C1
Jewelry Stones Onyx #353839
Jewelry Stones Peridot #ABAD48
Jewelry Stones Pink Pearl #B07080
Jewelry Stones Rose Quartz #BD559C
Jewelry Stones Ruby #AA4069
Jewelry Stones Sapphire #2D5DA1
Jewelry Stones Smokey Topaz #832A0D
Jewelry Stones Tiger's Eye #B56917
Magic Scent Baseball Mitt (Burnt Sienna) #E97451
Magic Scent Bubble Bath (Tickle Me Pink) #FC80A5
Magic Scent Earthworm (Brick Red) #C62D42
Magic Scent Flower Shop (Wisteria) #C9A0DC
Magic Scent Fresh Air (Sky Blue) #76D7EA
Magic Scent Grandma's Perfume (Orange) #FF8833
Magic Scent Koala Tree (Jungle Green) #29AB87
Magic Scent Pet Shop (Brown) #AF593E
Magic Scent Pine Tree (Pine Green) #01786F
Magic Scent Saw Dust (Peach) #FFCBA4
Magic Scent Sharpening Pencils (Goldenrod) #FCD667
Magic Scent Smell the Roses (Red) #ED0A3F
Magic Scent Sunny Day (Yellow) #FBE870
Magic Scent Wash the Dog (Dandelion) #FED85D
Scary Scents Alien Armpit #84DE02
Scary Scents Big Foot Feet #E88E5A
Scary Scents Booger Buster #DDE26A
Scary Scents Dingy Dungeon #C53151
Scary Scents Gargoyle Gas #FFDF46
Scary Scents Giant's Club #B05C52
Scary Scents Magic Potion #FF4466
Scary Scents Mummy's Tomb #828E84
Scary Scents Ogre Odor #FD5240
Scary Scents Pixie Powder #391285
Scary Scents Princess Perfume #FF85CF
Scary Scents Sasquatch Socks #FF4681
Scary Scents Sea Serpent #4BC7CF
Scary Scents Smashed Pumpkin #FF6D3A
Scary Scents Sunburnt Cyclops #FF404C
Scary Scents Winter Wizard #A0E6FF

색상관련 자료

  • 웹 안전 색상
  • 더 많은 CSS 색상명과 헥스코드로 된 색상값은 다음 문서를 참조바랍니다.
- W3School 색상선택기
- 색상명과 색상값-이름순 정렬
  • 색상 추출 프로그램
- 구글 컬러픽커
- Encycolorpedia
- RGB Chart & Multi Tool
  1. X윈도계열 색상 X11
  2. 리스트된 코드명은 새로정의된 색이어서 HEX값을 사용한다.
  3. 최근 바뀜
    자유게시판
    +
    -
    기본