Wikipedia

Web colors: Difference between revisions

Browse history interactively
← Previous editNext edit →
Content deleted Content added
VisualWikitext
+Category:World Wide Web
Codingmasters (talk | contribs)
1,744 edits
→X11 color names: Color Code Names in Alphabetical Order
Line 85:
{| class="wikitable"
|-
!color
!hexadecimal
!color
!hexadecimal
Line 90 ⟶ 92:
!hexadecimal
|-
|alice-blue
|indian-red
|style="background:#cd5c5c; color:#fffffff0f8ff; font-family:monospace;"|#cd5c5cf0f8ff
|antique-white
|dark-salmon
|style="background:#e9967a; color:#fffffffaebd7; font-family:monospace;"|#e9967afaebd7
|-
|light-coral
|style="background:#f08080; color:#ffffff; font-family:monospace;"|#f08080
|[[salmon (color)|salmon]]
|style="background:#fa8072; color:#ffffff; font-family:monospace;"|#fa8072
|-
|orangered
|style="background:#ff4500; color:#ffffff; font-family:monospace;"|#ff4500
|[[red]]
|style="background:#ff0000; color:#ffffff; font-family:monospace;"|#ff0000
|-
|[[crimson]]
|style="background:#dc143c; color:#ffffff; font-family:monospace;"|#dc143c
|fire-[[brick (color)|brick]]
|style="background:#b22222; color:#ffffff; font-family:monospace;"|#b22222
|-
|dark-red
|style="background:#8b0000; color:#ffffff; font-family:monospace;"|#8b0000
|medium-violet-red
|style="background:#c71585; color:#ffffff; font-family:monospace;"|#c71585
|-
|[[pink]]
|style="background:#ffc0cb; font-family:monospace;"|#ffc0cb
|light-pink
|style="background:#ffb6c1; font-family:monospace;"|#ffb6c1
|-
|[[#pink2|hotpink]]
|style="background:#ff69b4; font-family:monospace;"|#ff69b4
|deep-pink
|style="background:#ff1493; font-family:monospace;"|#ff1493
|-
|pale-violet-red
|style="background:#db7093; font-family:monospace;"|#db7093
|dark-khaki
|style="background:#bdb76b; font-family:monospace;"|#bdb76b
|-
|[[khaki]]
|style="background:#f0e68c; font-family:monospace;"|#f0e68c
|pale-[[goldenrod (color)|goldenrod]]
|style="background:#eee8aa; font-family:monospace;"|#eee8aa
|-
|light-[[goldenrod]]-yellow
|style="background:#fafad2; font-family:monospace;"|#fafad2
|light-yellow
|style="background:#ffffe0; font-family:monospace;"|#ffffe0
|-
|lemon-chiffon
|style="background:#fffacd; font-family:monospace;"|#fffacd
|[[yellow]]
|style="background:#ffff00; font-family:monospace;"|#ffff00
|-
|[[gold]]
|style="background:#ffd700; font-family:monospace;"|#ffd700
|papaya-whip
|style="background:#ffefd5; font-family:monospace;"|#ffefd5
|-
|[[moccasin]]
|style="background:#ffe4b5; font-family:monospace;"|#ffe4b5
|[[peach (color)|peach]]-puff
|style="background:#ffdab9; font-family:monospace;"|#ffdab9
|-
|[[cyan]]
|style="background:#00ffff; font-family:monospace;"|#00ffff
|[[aqua]]
|style="background:#00ffff; font-family:monospace;"|#00ffff
Line 162 ⟶ 101:
|[[aquamarine]]
|style="background:#7fffd4; font-family:monospace;"|#7fffd4
|[[turquoiseazure]]
|style="background:#40e0d0f0ffff; font-family:monospace;"|#40e0d0f0ffff
|[[beige]]
|style="background:#f5f5dc; font-family:monospace;"|#f5f5dc
|-
|[[bisque]]
|medium-turquoise
|style="background:#48d1ccffe4c4; font-family:monospace;"|#48d1ccffe4c4
|black
|dark-turquoise
|style="background:#00ced1000000; color:#ffffff; font-family:monospace;"|#00ced1000000
|blanchedalmond
|style="background:#ffebcd; font-family:monospace;"|#ffebcd
|-
|[[blue]]
|style="background:#0000ff; color:#ffffff; font-family:monospace;"|#0000ff
|blue-violet
|style="background:#8a2be2; color:#ffffff; font-family:monospace;"|#8a2be2
|brown
|style="background:#a52a2a; color:#ffffff; font-family:monospace;"|#a52a2a
|-
|burlywood
|style="background:#deb887; font-family:monospace;"|#deb887
|cadet-blue
|style="background:#5f9ea0; color:#ffffff; font-family:monospace;"|#5f9ea0
|chartreuse
|slate-gray
|style="background:#708090; color:#ffffff7fff00; font-family:monospace;"|#7080907fff00
|-
|[[chocolate (color)|chocolate]]
|light-cyan
|style="background:#e0ffffd2691e; font-family:monospace;"|#e0ffffd2691e
|[[coral (color)|coral]]
|pale-turquoise
|style="background:#afeeeeff7f50; font-family:monospace;"|#afeeeeff7f50
|-
|powder-blue
|style="background:#b0e0e6; font-family:monospace;"|#b0e0e6
|light-steel-blue
|style="background:#b0c4de; font-family:monospace;"|#b0c4de
|-
|steel-blue
|style="background:#4682b4; color:#ffffff; font-family:monospace;"|#4682b4
|light-blue
|style="background:#add8e6; font-family:monospace;"|#add8e6
|-
|[[sky blue]]
|style="background:#87ceeb; font-family:monospace;"|#87ceeb
|light-sky-blue
|style="background:#87cefa; font-family:monospace;"|#87cefa
|-
|deep-skyblue
|style="background:#00bfff; font-family:monospace;"|#00bfff
|[[cornflower]]-blue
|style="background:#6495ed; font-family:monospace;"|#6495ed
|-
|cornsilk
|royal-blue
|style="background:#4169e1fff8dc; font-family:monospace;"|#4169e1fff8dc
|[[crimson]]
|medium-slate-blue
|style="background:#7b68eedc143c; color:#ffffff; font-family:monospace;"|#7b68eedc143c
|[[cyan]]
|style="background:#00ffff; font-family:monospace;"|#00ffff
|-
|dodger-blue
|style="background:#1e90ff; font-family:monospace;"|#1e90ff
|[[blue]]
|style="background:#0000ff; color:#ffffff; font-family:monospace;"|#0000ff
|-
|medium-blue
|style="background:#0000cd; color:#ffffff; font-family:monospace;"|#0000cd
|dark-blue
|style="background:#00008b; color:#ffffff; font-family:monospace;"|#00008b
|dark-cyan
|style="background:#008b8b; color:#ffffff; font-family:monospace;"|#008b8b
|dark-goldenrod
|style="background:#b8860b; font-family:monospace;"|#b8860b
|-
|dark-gray
|[[navy]]
|style="background:#000080; color:#ffffffa9a9a9; font-family:monospace;"|#000080a9a9a9
|dark-green
|midnight-blue
|style="background:#191970006400; color:#ffffff; font-family:monospace;"|#191970006400
|dark-khaki
|-
|style="background:#bdb76b; font-family:monospace;"|#bdb76b
|light-[[salmon (color)|salmon]]
|style="background:#ffa07a; font-family:monospace;"|#ffa07a
|[[orange]]
|style="background:#ffa500; font-family:monospace;"|#ffa500
|-
|dark-magenta
|style="background:#8b008b; color:#ffffff; font-family:monospace;"|#8b008b
|dark-olive-green
|style="background:#556b2f; color:#ffffff; font-family:monospace;"|#556b2f
|dark-orange
|style="background:#ff8c00; font-family:monospace;"|#ff8c00
|[[coral (color)|coral]]
|style="background:#ff7f50; font-family:monospace;"|#ff7f50
|-
|dark-orchid
|[[tomato (color)|tomato]]
|style="background:#ff63479932cc; color:#ffffff; font-family:monospace;"|#ff63479932cc
|orangedark-red
|style="background:#ff45008b0000; color:#ffffff; font-family:monospace;"|#ff45008b0000
|dark-salmon
|style="background:#e9967a; color:#ffffff; font-family:monospace;"|#e9967a
|-
|dark-seagreen
|[[aquamarine]]
|style="background:#7fffd48fbc8f; font-family:monospace;"|#7fffd48fbc8f
|dark-slate-blue
|medium-spring-green
|style="background:#00fa9a483d8b; color:#ffffff; font-family:monospace;"|#00fa9a483d8b
|dark-slate-gray
|style="background:#2f4f4f; color:#ffffff; font-family:monospace;"|#2f4f4f
|-
|dark-turquoise
|spring-green
|style="background:#00ff7f00ced1; font-family:monospace;"|#00ff7f00ced1
|dark-violet
|pale-green
|style="background:#98fb989400d3; color:#ffffff; font-family:monospace;"|#98fb989400d3
|darkred
|style="background:#8b0000; color:#ffffff; font-family:monospace;"|#8b0000
|-
|deep-pink
|green-yellow
|style="background:#adff2fff1493; font-family:monospace;"|#adff2fff1493
|deep-skyblue
|chartreuse
|style="background:#7fff0000bfff; font-family:monospace;"|#7fff0000bfff
|dim-gray
|style="background:#696969; color:#ffffff; font-family:monospace;"|#696969
|-
|dodger-blue
|lawn-green
|style="background:#7cfc001e90ff; font-family:monospace;"|#7cfc001e90ff
|fire-[[limebrick (color)|limebrick]]
|style="background:#00ff00b22222; color:#ffffff; font-family:monospace;"|#00ff00b22222
|floral-white
|style="background:#fffaf0; font-family:monospace;"|#fffaf0
|-
|light-green
|style="background:#90ee90; font-family:monospace;"|#90ee90
|yellow-green
|style="background:#9acd32; font-family:monospace;"|#9acd32
|-
|lime-green
|style="background:#32cd32; font-family:monospace;"|#32cd32
|medium-seagreen
|style="background:#3cb371; font-family:monospace;"|#3cb371
|-
|dark-seagreen
|style="background:#8fbc8f; font-family:monospace;"|#8fbc8f
|forest-green
|style="background:#228b22; color:#ffffff; font-family:monospace;"|#228b22
|[[fuchsia]]
|style="background:#ff00ff; font-family:monospace;"|#ff00ff
|gainsboro
|style="background:#dcdcdc; font-family:monospace;"|#dcdcdc
|-
|ghost-white
|seagreen
|style="background:#2e8b57; color:#fffffff8f8ff; font-family:monospace;"|#2e8b57f8f8ff
|[[gold]]
|style="background:#ffd700; font-family:monospace;"|#ffd700
|[[goldenrod]]
|style="background:#daa520; font-family:monospace;"|#daa520
|-
|gray
|style="background:#808080; color:#ffffff; font-family:monospace;"|#808080
|green-yellow
|style="background:#adff2f; font-family:monospace;"|#adff2f
|[[green]]
|style="background:#008000; color:#ffffff; font-family:monospace;"|#008000
|-
|[[honeydew]]
|olive-drab
|style="background:#6b8e23; color:#fffffff0fff0; font-family:monospace;"|#6b8e23f0fff0
|[[olive (color)#pink2|olivehotpink]]
|style="background:#808000; color:#ffffffff69b4; font-family:monospace;"|#808000ff69b4
|indian-red
|style="background:#cd5c5c; color:#ffffff; font-family:monospace;"|#cd5c5c
|-
|indigo
|dark-olive-green
|style="background:#556b2f4b0082; color:#ffffff; font-family:monospace;"|#556b2f4b0082
|ivory
|dark-green
|style="background:#006400; color:#fffffffffff0; font-family:monospace;"|#006400fffff0
|[[khaki]]
|style="background:#f0e68c; font-family:monospace;"|#f0e68c
|-
|[[lavender]]
|medium-aquamarine
|style="background:#66cdaae6e6fa; font-family:monospace;"|#66cdaae6e6fa
|lavender-blush
|[[turquoise]]
|style="background:#40e0d0fff0f5; font-family:monospace;"|#40e0d0fff0f5
|lawn-green
|style="background:#7cfc00; font-family:monospace;"|#7cfc00
|-
|lemon-chiffon
|style="background:#fffacd; font-family:monospace;"|#fffacd
|light-blue
|style="background:#add8e6; font-family:monospace;"|#add8e6
|light-coral
|style="background:#f08080; color:#ffffff; font-family:monospace;"|#f08080
|-
|light-cyan
|style="background:#e0ffff; font-family:monospace;"|#e0ffff
|light-[[goldenrod]]-yellow
|style="background:#fafad2; font-family:monospace;"|#fafad2
|light-green
|style="background:#90ee90; font-family:monospace;"|#90ee90
|-
|light-grey
|style="background:#d3d3d3; font-family:monospace;"|#d3d3d3
|light-pink
|style="background:#ffb6c1; font-family:monospace;"|#ffb6c1
|light-[[salmon (color)|salmon]]
|style="background:#ffa07a; font-family:monospace;"|#ffa07a
|-
|light-seagreen
|style="background:#20b2aa; font-family:monospace;"|#20b2aa
|light-sky-blue
|dark-cyan
|style="background:#008b8b; color:#ffffff87cefa; font-family:monospace;"|#008b8b87cefa
|light-slate-gray
|style="background:#778899; color:#ffffff; font-family:monospace;"|#778899
|-
|light-steel-blue
|[[teal]]
|style="background:#008080; color:#ffffffb0c4de; font-family:monospace;"|#008080b0c4de
|light-yellow
|[[lavender]]
|style="background:#e6e6faffffe0; font-family:monospace;"|#e6e6faffffe0
|[[lime (color)|lime]]
|-
|style="background:#00ff00; font-family:monospace;"|#00ff00
|[[thistle (color)|thistle]]
|style="background:#d8bfd8; font-family:monospace;"|#d8bfd8
|[[plum (color)|plum]]
|style="background:#dda0dd; font-family:monospace;"|#dda0dd
|-
|[[violet (color)|violet]]
|style="background:#ee82ee; font-family:monospace;"|#ee82ee
|[[fuchsia]]
|style="background:#ff00ff; font-family:monospace;"|#ff00ff
|-
|lime-green
|style="background:#32cd32; font-family:monospace;"|#32cd32
|[[linen (color)|linen]]
|style="background:#faf0e6; font-family:monospace;"|#faf0e6
|[[magenta]]
|style="background:#ff00ff; font-family:monospace;"|#ff00ff
|-
|[[orchid]]
|maroon
|style="background:#da70d6; font-family:monospace;"|#da70d6
|style="background:#800000; color:#ffffff; font-family:monospace;"|#800000
|medium-aquamarine
|style="background:#66cdaa; font-family:monospace;"|#66cdaa
|medium-blue
|style="background:#0000cd; color:#ffffff; font-family:monospace;"|#0000cd
|-
|medium-orchid
|style="background:#ba55d3; font-family:monospace;"|#ba55d3
|dark-orchid
|style="background:#9932cc; color:#ffffff; font-family:monospace;"|#9932cc
|-
|blue-violet
|style="background:#8a2be2; color:#ffffff; font-family:monospace;"|#8a2be2
|dark-violet
|style="background:#9400d3; color:#ffffff; font-family:monospace;"|#9400d3
|-
|medium-purple
|style="background:#9370db; color:#ffffff; font-family:monospace;"|#9370db
|medium-seagreen
|slateblue
|style="background:#6a5acd; color:#ffffff3cb371; font-family:monospace;"|#6a5acd3cb371
|-
|medium-slate-blue
|[[purple]]
|style="background:#800080; color:#ffffff7b68ee; font-family:monospace;"|#8000807b68ee
|medium-spring-green
|dark-magenta
|style="background:#8b008b; color:#ffffff00fa9a; font-family:monospace;"|#8b008b00fa9a
|medium-turquoise
|style="background:#48d1cc; font-family:monospace;"|#48d1cc
|-
|medium-violet-red
|dark-slate-blue
|style="background:#483d8bc71585; color:#ffffff; font-family:monospace;"|#483d8bc71585
|midnight-blue
|indigo
|style="background:#4b0082191970; color:#ffffff; font-family:monospace;"|#4b0082191970
|-
|[[honeydew]]
|style="background:#f0fff0; font-family:monospace;"|#f0fff0
|mintcream
|style="background:#f5fffa; font-family:monospace;"|#f5fffa
|-
|[[azure]]
|style="background:#f0ffff; font-family:monospace;"|#f0ffff
|alice-blue
|style="background:#f0f8ff; font-family:monospace;"|#f0f8ff
|-
|ghost-white
|style="background:#f8f8ff; font-family:monospace;"|#f8f8ff
|white-smoke
|style="background:#f5f5f5; font-family:monospace;"|#f5f5f5
|-
|lavender-blush
|style="background:#fff0f5; font-family:monospace;"|#fff0f5
|misty-rose
|style="background:#ffe4e1; font-family:monospace;"|#ffe4e1
|[[moccasin]]
|style="background:#ffe4b5; font-family:monospace;"|#ffe4b5
|navajowhite
|style="background:#ffdead; font-family:monospace;"|#ffdead
|-
|[[navy]]
|antique-white
|style="background:#faebd7000080; color:#ffffff; font-family:monospace;"|#faebd7000080
|sea-shell
|style="background:#fff5ee; font-family:monospace;"|#fff5ee
|-
|[[snow]]
|style="background:#fffafa; font-family:monospace;"|#fffafa
|[[white]]
|style="background:#ffffff; font-family:monospace;"|#ffffff
|-
|[[beige]]
|style="background:#f5f5dc; font-family:monospace;"|#f5f5dc
|[[linen (color)|linen]]
|style="background:#faf0e6; font-family:monospace;"|#faf0e6
|-
|old-lace
|style="background:#fdf5e6; font-family:monospace;"|#fdf5e6
|olive-drab
|floral-white
|style="background:#fffaf06b8e23; color:#ffffff; font-family:monospace;"|#fffaf06b8e23
|-
|[[orange]]
|ivory
|style="background:#fffff0ffa500; font-family:monospace;"|#fffff0ffa500
|orange-red
|gainsboro
|style="background:#dcdcdcff4500; font-family:monospace;"|#dcdcdcff4500
|[[orchid]]
|style="background:#da70d6; font-family:monospace;"|#da70d6
|-
|pale-[[goldenrod (color)|goldenrod]]
|light-grey
|style="background:#d3d3d3eee8aa; font-family:monospace;"|#d3d3d3eee8aa
|pale-green
|[[silver (color)|silver]]
|style="background:#c0c0c098fb98; font-family:monospace;"|#c0c0c098fb98
|pale-turquoise
|style="background:#afeeee; font-family:monospace;"|#afeeee
|-
|pale-violet-red
|dark-gray
|style="background:#a9a9a9db7093; font-family:monospace;"|#a9a9a9db7093
|papaya-whip
|gray
|style="background:#808080; color:#ffffffffefd5; font-family:monospace;"|#808080ffefd5
|[[peach (color)|peach]]-puff
|style="background:#ffdab9; font-family:monospace;"|#ffdab9
|-
|peanut butter/caramel
|dim-gray
|style="background:#6969698c6638; color:#ffffff; font-family:monospace;"|#6969698c6638
|[[peru]]
|dark-slate-gray
|style="background:#2f4f4f; color:#ffffffcd853f; font-family:monospace;"|#2f4f4fcd853f
|[[pink]]
|style="background:#ffc0cb; font-family:monospace;"|#ffc0cb
|-
|[[plum (color)|plum]]
|light-slate-gray
|style="background:#778899; color:#ffffffdda0dd; font-family:monospace;"|#778899dda0dd
|powder-blue
|slate-gray
|style="background:#708090; color:#ffffffb0e0e6; font-family:monospace;"|#708090b0e0e6
|[[purple]]
|style="background:#800080; color:#ffffff; font-family:monospace;"|#800080
|-
|[[red]]
|cornsilk
|style="background:#fff8dcff0000; color:#ffffff; font-family:monospace;"|#fff8dcff0000
|rosybrown
|blanchedalmond
|style="background:#ffebcdbc8f8f; font-family:monospace;"|#ffebcdbc8f8f
|royal-blue
|style="background:#4169e1; font-family:monospace;"|#4169e1
|-
|saddlebrown
|[[bisque]]
|style="background:#ffe4c48b4513; color:#ffffff; font-family:monospace;"|#ffe4c48b4513
|[[salmon (color)|salmon]]
|navajowhite
|style="background:#ffdeadfa8072; color:#ffffff; font-family:monospace;"|#ffdeadfa8072
|-
|[[wheat (color)|wheat]]
|style="background:#f5deb3; font-family:monospace;"|#f5deb3
|sandy-brown
|style="background:#f4a460; font-family:monospace;"|#f4a460
|-
|sea-shell
|[[goldenrod]]
|style="background:#daa520fff5ee; font-family:monospace;"|#daa520fff5ee
|seagreen
|dark-goldenrod
|style="background:#b8860b2e8b57; color:#ffffff; font-family:monospace;"|#b8860b2e8b57
|-
|[[peru]]
|style="background:#cd853f; font-family:monospace;"|#cd853f
|[[chocolate (color)|chocolate]]
|style="background:#d2691e; font-family:monospace;"|#d2691e
|-
|maroon
|style="background:#800000; color:#ffffff; font-family:monospace;"|#800000
|saddlebrown
|style="background:#8b4513; color:#ffffff; font-family:monospace;"|#8b4513
|-
|brown
|style="background:#a52a2a; color:#ffffff; font-family:monospace;"|#a52a2a
|sienna
|style="background:#a0522d; color:#ffffff; font-family:monospace;"|#a0522d
|-
|[[silver (color)|silver]]
|darkred
|style="background:#8b0000; color:#ffffffc0c0c0; font-family:monospace;"|#8b0000c0c0c0
|[[sky blue]]
|burlywood
|style="background:#deb88787ceeb; font-family:monospace;"|#deb88787ceeb
|slate-gray
|style="background:#708090; color:#ffffff; font-family:monospace;"|#708090
|-
|slateblue
|style="background:#6a5acd; color:#ffffff; font-family:monospace;"|#6a5acd
|[[snow]]
|style="background:#fffafa; font-family:monospace;"|#fffafa
|spring-green
|style="background:#00ff7f; font-family:monospace;"|#00ff7f
|-
|tan
|style="background:#d2b48c; font-family:monospace;"|#d2b48c
|[[teal]]
|rosybrown
|style="background:#bc8f8f008080; color:#ffffff; font-family:monospace;"|#bc8f8f008080
|[[thistle (color)|thistle]]
|style="background:#d8bfd8; font-family:monospace;"|#d8bfd8
|-
|[[tomato (color)|tomato]]
|black
|style="background:#000000; color:#ffffffff6347; font-family:monospace;"|#000000ff6347
|[[turquoise]]
|peanut butter/caramel
|style="background:#8c6638; color:#ffffff40e0d0; font-family:monospace;"|#8c663840e0d0
|[[violet (color)|violet]]
|style="background:#ee82ee; font-family:monospace;"|#ee82ee
|-
|[[wheat (color)|wheat]]
|style="background:#f5deb3; font-family:monospace;"|#f5deb3
|[[white]]
|style="background:#ffffff; font-family:monospace;"|#ffffff
|white-smoke
|style="background:#f5f5f5; font-family:monospace;"|#f5f5f5
|-
|[[yellow]]
|style="background:#ffff00; font-family:monospace;"|#ffff00
|yellow-green
|style="background:#9acd32; font-family:monospace;"|#9acd32
|Re-organised by
|codingmasters
|}
 
Retrieved from "https://en.wikipedia.org/wiki/Web_colors"