웹 색상 편집하기 (부분)

== X11 색 이름 ==
{{본문|X11 색 이름}}
[[넷스케이프 네비게이터|넷스케이프]]나 [[인터넷 익스플로러]] 같은 브라우저에는 별도로 여러 색상들이 정의되었으며, 특정한 브라우저에서는 이런 색상을 인식하지 못할 수도 있다. 이들 색상 중 다수가 [[X 윈도 시스템]]에서 분류된 X11 색 이름에서 가져온 것이다. CSS를 지원하는 대부분의 HTML 사용자 에이전트가 이 색상들을 지원한다.

아래는 X11 색 이름과 각각에 해당하는 16진수 코드의 목록이다.

{| class="wikitable"
|-
!색상
!16진수
!색상
!16진수
|-
|indianred
|style="background:#cd5c5c; color:#ffffff; font-family:monospace;" lang=en|#cd5c5c
|darksalmon
|style="background:#e9967a; color:#ffffff; font-family:monospace;" lang=en|#e9967a
|-
|lightcoral
|style="background:#f08080; color:#ffffff; font-family:monospace;" lang=en|#f08080
|salmon
|style="background:#fa8072; color:#ffffff; font-family:monospace;" lang=en|#fa8072
|-
|orangered
|style="background:#ff4500; color:#ffffff; font-family:monospace;" lang=en|#ff4500
|[[빨강|red]](빨간색)
|style="background:#ff0000; color:#ffffff; font-family:monospace;" lang=en|#ff0000
|-
|crimson(다홍)
|style="background:#dc143c; color:#ffffff; font-family:monospace;" lang=en|#dc143c
|firebrick
|style="background:#b22222; color:#ffffff; font-family:monospace;" lang=en|#b22222
|-
|darkred(흑적색)
|style="background:#8b0000; color:#ffffff; font-family:monospace;" lang=en|#8b0000
|mediumvioletred
|style="background:#c71585; color:#ffffff; font-family:monospace;" lang=en|#c71585
|-
|pink(분홍)
|style="background:#ffc0cb; font-family:monospace;" lang=en|#ffc0cb
|lightpink(연분홍)
|style="background:#ffb6c1; font-family:monospace;" lang=en|#ffb6c1
|-
|hotpink
|style="background:#ff69b4; font-family:monospace;" lang=en|#ff69b4
|deeppink(진분홍)
|style="background:#ff1493; font-family:monospace;" lang=en|#ff1493
|-
|palevioletred
|style="background:#db7093; font-family:monospace;" lang=en|#db7093
|darkkhaki
|style="background:#bdb76b; font-family:monospace;" lang=en|#bdb76b
|-
|khaki
|style="background:#f0e68c; font-family:monospace;" lang=en|#f0e68c
|palegoldenrod
|style="background:#eee8aa; font-family:monospace;" lang=en|#eee8aa
|-
|lightgoldenrodyellow
|style="background:#fafad2; font-family:monospace;" lang=en|#fafad2
|lightyellow(밝은노랑)
|style="background:#ffffe0; font-family:monospace;" lang=en|#ffffe0
|-
|lemonchiffon
|style="background:#fffacd; font-family:monospace;" lang=en|#fffacd
|[[노랑|yellow]](노랑)
|style="background:#ffff00; font-family:monospace;" lang=en|#ffff00
|-
|[[금색|gold]](금색)
|style="background:#ffd700; font-family:monospace;" lang=en|#ffd700
|papayawhip
|style="background:#ffefd5; font-family:monospace;" lang=en|#ffefd5
|-
|moccasin
|style="background:#ffe4b5; font-family:monospace;" lang=en|#ffe4b5
|peachpuff
|style="background:#ffdab9; font-family:monospace;" lang=en|#ffdab9
|-
|cyan(옥색)
|style="background:#00ffff; font-family:monospace;" lang=en|#00ffff
|aqua
|style="background:#00ffff; font-family:monospace;" lang=en|#00ffff
|-
|aquamarine
|style="background:#7fffd4; font-family:monospace;" lang=en|#7fffd4
|turquoise(터키옥색)
|style="background:#40e0d0; font-family:monospace;" lang=en|#40e0d0
|-
|mediumturquoise
|style="background:#48d1cc; font-family:monospace;" lang=en|#48d1cc
|darkturquoise
|style="background:#00ced1; font-family:monospace;" lang=en|#00ced1
|-
|cadetblue
|style="background:#5f9ea0; color:#ffffff; font-family:monospace;" lang=en|#5f9ea0
|slategray
|style="background:#708090; color:#ffffff; font-family:monospace;" lang=en|#708090
|-
|lightcyan
|style="background:#e0ffff; font-family:monospace;" lang=en|#e0ffff
|paleturquoise
|style="background:#afeeee; font-family:monospace;" lang=en|#afeeee
|-
|powderblue
|style="background:#b0e0e6; font-family:monospace;" lang=en|#b0e0e6
|lightsteelblue
|style="background:#b0c4de; font-family:monospace;" lang=en|#b0c4de
|-
|steelblue
|style="background:#4682b4; color:#ffffff; font-family:monospace;" lang=en|#4682b4
|lightblue(밝은파랑)
|style="background:#add8e6; font-family:monospace;" lang=en|#add8e6
|-
|skyblue(하늘색)
|style="background:#87ceeb; font-family:monospace;" lang=en|#87ceeb
|lightskyblue
|style="background:#87cefa; font-family:monospace;" lang=en|#87cefa
|-
|deepskyblue
|style="background:#00bfff; font-family:monospace;" lang=en|#00bfff
|cornflowerblue
|style="background:#6495ed; font-family:monospace;" lang=en|#6495ed
|-
|royalblue
|style="background:#4169e1; font-family:monospace;" lang=en|#4169e1
|mediumslateblue
|style="background:#7b68ee; font-family:monospace;" lang=en|#7b68ee
|-
|dodgerblue
|style="background:#1e90ff; font-family:monospace;" lang=en|#1e90ff
|blue(파랑)
|style="background:#0000ff; color:#ffffff; font-family:monospace;" lang=en|#0000ff
|-
|mediumblue
|style="background:#0000cd; color:#ffffff; font-family:monospace;" lang=en|#0000cd
|darkblue
|style="background:#00008b; color:#ffffff; font-family:monospace;" lang=en|#00008b
|-
|navy(남색)
|style="background:#000080; color:#ffffff; font-family:monospace;" lang=en|#000080
|midnightblue
|style="background:#191970; color:#ffffff; font-family:monospace;" lang=en|#191970
|-
|lightsalmon
|style="background:#ffa07a; font-family:monospace;" lang=en|#ffa07a
|orange(오렌지색)
|style="background:#ffa500; font-family:monospace;" lang=en|#ffa500
|-
|darkorange
|style="background:#ff8c00; font-family:monospace;" lang=en|#ff8c00
|coral
|style="background:#ff7f50; font-family:monospace;" lang=en|#ff7f50
|-
|tomato
|style="background:#ff6347; font-family:monospace;" lang=en|#ff6347
|orangered
|style="background:#ff4500; font-family:monospace;" lang=en|#ff4500
|-
|aquamarine
|style="background:#7fffd4; font-family:monospace;" lang=en|#7fffd4
|mediumspringgreen
|style="background:#00fa9a; font-family:monospace;" lang=en|#00fa9a
|-
|springgreen(춘록색)
|style="background:#00ff7f; font-family:monospace;" lang=en|#00ff7f
|palegreen
|style="background:#98fb98; font-family:monospace;" lang=en|#98fb98
|-
|greenyellow(초록노랑)
|style="background:#adff2f; font-family:monospace;" lang=en|#adff2f
|chartreuse
|style="background:#7fff00; font-family:monospace;" lang=en|#7fff00
|-
|lawngreen
|style="background:#7cfc00; font-family:monospace;" lang=en|#7cfc00
|lime(라임색)
|style="background:#00ff00; font-family:monospace;" lang=en|#00ff00
|-
|lightgreen
|style="background:#90ee90; font-family:monospace;" lang=en|#90ee90
|yellowgreen(노랑초록)
|style="background:#9acd32; font-family:monospace;" lang=en|#9acd32
|-
|limegreen(라임초록)
|style="background:#32cd32; font-family:monospace;" lang=en|#32cd32
|mediumseagreen
|style="background:#3cb371; font-family:monospace;" lang=en|#3cb371
|-
|darkseagreen
|style="background:#8fbc8f; font-family:monospace;" lang=en|#8fbc8f
|forestgreen
|style="background:#228b22; color:#ffffff; font-family:monospace;" lang=en|#228b22
|-
|seagreen
|style="background:#2e8b57; color:#ffffff; font-family:monospace;" lang=en|#2e8b57
|green(초록)
|style="background:#008000; color:#ffffff; font-family:monospace;" lang=en|#008000
|-
|olivedrab
|style="background:#6b8e23; color:#ffffff; font-family:monospace;" lang=en|#6b8e23
|olive(올리브색)
|style="background:#808000; color:#ffffff; font-family:monospace;" lang=en|#808000
|-
|darkolivegreen
|style="background:#556b2f; color:#ffffff; font-family:monospace;" lang=en|#556b2f
|darkgreen
|style="background:#006400; color:#ffffff; font-family:monospace;" lang=en|#006400
|-
|mediumaquamarine
|style="background:#66cdaa; font-family:monospace;" lang=en|#66cdaa
|turquoise
|style="background:#40e0d0; font-family:monospace;" lang=en|#40e0d0
|-
|lightseagreen
|style="background:#20b2aa; font-family:monospace;" lang=en|#20b2aa
|darkcyan
|style="background:#008b8b; color:#ffffff; font-family:monospace;" lang=en|#008b8b
|-
|teal
|style="background:#008080; color:#ffffff; font-family:monospace;" lang=en|#008080
|lavender(라벤더색)
|style="background:#e6e6fa; font-family:monospace;" lang=en|#e6e6fa
|-
|thistle
|style="background:#d8bfd8; font-family:monospace;" lang=en|#d8bfd8
|plum(자두색)
|style="background:#dda0dd; font-family:monospace;" lang=en|#dda0dd
|-
|violet(자주색)
|style="background:#ee82ee; font-family:monospace;" lang=en|#ee82ee
|fuchsia
|style="background:#ff77ff; font-family:monospace;" lang=en|#ff77ff
|-
|magenta(마젠타색)
|style="background:#ff00ff; font-family:monospace;" lang=en|#ff00ff
|orchid(난초색)
|style="background:#da70d6; font-family:monospace;" lang=en|#da70d6
|-
|mediumorchid
|style="background:#ba55d3; font-family:monospace;" lang=en|#ba55d3
|darkorchid
|style="background:#9932cc; color:#ffffff; font-family:monospace;" lang=en|#9932cc
|-
|blueviolet(청자색)
|style="background:#8a2be2; color:#ffffff; font-family:monospace;" lang=en|#8a2be2
|darkviolet
|style="background:#9400d3; color:#ffffff; font-family:monospace;" lang=en|#9400d3
|-
|mediumpurple
|style="background:#9370db; color:#ffffff; font-family:monospace;" lang=en|#9370db
|slateblue
|style="background:#6a5acd; color:#ffffff; font-family:monospace;" lang=en|#6a5acd
|-
|purple(보라색)
|style="background:#800080; color:#ffffff; font-family:monospace;" lang=en|#800080
|darkmagenta
|style="background:#8b008b; color:#ffffff; font-family:monospace;" lang=en|#8b008b
|-
|darkslateblue
|style="background:#483d8b; color:#ffffff; font-family:monospace;" lang=en|#483d8b
|indigo
|style="background:#4b0082; color:#ffffff; font-family:monospace;" lang=en|#4b0082
|-
|honeydew
|style="background:#f0fff0; font-family:monospace;" lang=en|#f0fff0
|mintcream
|style="background:#f5fffa; font-family:monospace;" lang=en|#f5fffa
|-
|azure
|style="background:#f0ffff; font-family:monospace;" lang=en|#f0ffff
|aliceblue
|style="background:#f0f8ff; font-family:monospace;" lang=en|#f0f8ff
|-
|GhostWhite
|style="background:#f8f8ff; font-family:monospace;" lang=en|#f8f8ff
|whitesmoke
|style="background:#f5f5f5; font-family:monospace;" lang=en|#f5f5f5
|-
|lavenderblush
|style="background:#fff0f5; font-family:monospace;" lang=en|#fff0f5
|mistyrose
|style="background:#ffe4e1; font-family:monospace;" lang=en|#ffe4e1
|-
|antiquewhite
|style="background:#faebd7; font-family:monospace;" lang=en|#faebd7
|seashell(조개색)
|style="background:#fff5ee; font-family:monospace;" lang=en|#fff5ee
|-
|snow(눈색)
|style="background:#fffafa; font-family:monospace;" lang=en|#fffafa
|white(하양)
|style="background:#ffffff; font-family:monospace;" lang=en|#ffffff
|-
|beige(베이지)
|style="background:#f5f5dc; font-family:monospace;" lang=en|#f5f5dc
|linen(아마포색)
|style="background:#faf0e6; font-family:monospace;" lang=en|#faf0e6
|-
|oldlace
|style="background:#fdf5e6; font-family:monospace;" lang=en|#fdf5e6
|floralwhite
|style="background:#fffaf0; font-family:monospace;" lang=en|#fffaf0
|-
|ivory(상아색)
|style="background:#fffff0; font-family:monospace;" lang=en|#fffff0
|gainsboro
|style="background:#dcdcdc; font-family:monospace;" lang=en|#dcdcdc
|-
|lightgrey(밝은 회색)
|style="background:#d3d3d3; font-family:monospace;" lang=en|#d3d3d3
|silver(은색)
|style="background:#c0c0c0; font-family:monospace;" lang=en|#c0c0c0
|-
|darkgray
|style="background:#a9a9a9; font-family:monospace;" lang=en|#a9a9a9
|gray(회색)
|style="background:#808080; color:#ffffff; font-family:monospace;" lang=en|#808080
|-
|dimgray
|style="background:#696969; color:#ffffff; font-family:monospace;" lang=en|#696969
|darkslategray
|style="background:#2f4f4f; color:#ffffff; font-family:monospace;" lang=en|#2f4f4f
|-
|lightslategray
|style="background:#778899; color:#ffffff; font-family:monospace;" lang=en|#778899
|slategray
|style="background:#708090; color:#ffffff; font-family:monospace;" lang=en|#708090
|-
|cornsilk
|style="background:#fff8dc; font-family:monospace;" lang=en|#fff8dc
|blanchedalmond
|style="background:#ffebcd; font-family:monospace;" lang=en|#ffebcd
|-
|bisque
|style="background:#ffe4c4; font-family:monospace;" lang=en|#ffe4c4
|navajowhite
|style="background:#ffdead; font-family:monospace;" lang=en|#ffdead
|-
|wheat
|style="background:#f5deb3; font-family:monospace;" lang=en|#f5deb3
|sandybrown
|style="background:#f4a460; font-family:monospace;" lang=en|#f4a460
|-
|goldenrod
|style="background:#daa520; font-family:monospace;" lang=en|#daa520
|darkgoldenrod
|style="background:#b8860b; font-family:monospace;" lang=en|#b8860b
|-
|peru
|style="background:#cd853f; font-family:monospace;" lang=en|#cd853f
|chocolate
|style="background:#d2691e; font-family:monospace;" lang=en|#d2691e
|-
|maroon(적갈색)
|style="background:#800000; color:#ffffff; font-family:monospace;" lang=en|#800000
|saddlebrown
|style="background:#8b4513; color:#ffffff; font-family:monospace;" lang=en|#8b4513
|-
|brown(갈색)
|style="background:#a52a2a; color:#ffffff; font-family:monospace;" lang=en|#a52a2a
|sienna
|style="background:#a0522d; color:#ffffff; font-family:monospace;" lang=en|#a0522d
|-
|darkred
|style="background:#8b0000; color:#ffffff; font-family:monospace;" lang=en|#8b0000
|burlywood
|style="background:#deb887; font-family:monospace;" lang=en|#deb887
|-
|tan(황갈색)
|style="background:#d2b48c; font-family:monospace;" lang=en|#d2b48c
|rosybrown
|style="background:#bc8f8f; font-family:monospace;" lang=en|#bc8f8f
|-
|black(검정색)
|style="background:#000000; color:#ffffff; font-family:monospace;" lang=en|#000000
|chrome(황연색)
|style="background:#F7E600; font-family:monospace;" lang=en|#F7E600
|}