Difference between revisions of "HTML 256 to ANSI 16"

From Fate's Harvest
Jump to: navigation, search
m (Minor correction of a background colour being wrong.)
 
(10 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
</css>
 
</css>
 
This is a list of color codes, and how the HTML 256 corresponds to the ANSI 16, so if you want a color, you can see how it will show to people whether they're using 256 color or not.
 
This is a list of color codes, and how the HTML 256 corresponds to the ANSI 16, so if you want a color, you can see how it will show to people whether they're using 256 color or not.
 +
 +
Check '''[[How To ANSI]]''' for how to actually set this code on text.
 +
  
 
__TOC__ __NOEDITSECTION__
 
__TOC__ __NOEDITSECTION__
Line 203: Line 206:
 
|style="background: #000080; color: #ffffff;"|%xb
 
|style="background: #000080; color: #ffffff;"|%xb
 
|width="15px" style="border: 1px solid #fffffc;" |
 
|width="15px" style="border: 1px solid #fffffc;" |
−
|style="background: #5f00af; color: #ffffff;"|#5f00d7
+
|style="background: #5f00d7; color: #ffffff;"|#5f00d7
 
|style="background: #000080; color: #ffffff;"|%xb
 
|style="background: #000080; color: #ffffff;"|%xb
 
|width="15px" style="border: 1px solid #fffffc;" |
 
|width="15px" style="border: 1px solid #fffffc;" |
Line 1,110: Line 1,113:
 
|style="background: #eeeeee; color: #000000;"|#eeeeee
 
|style="background: #eeeeee; color: #000000;"|#eeeeee
 
|style="background: #ffffff; color: #000000;"|%xh%xw
 
|style="background: #ffffff; color: #000000;"|%xh%xw
 +
|}
 +
 +
==Red==
 +
Oddly, while #ff0000 IS the same colour as %xh%xr/255,0,0, when using the #ff0000 colour code on a client incompatible with 256, it shows up as %xr.  The first listing of it in this table is, therefore, technically inaccurate, as #ff0000 does not display as %xh%xr.
 +
 +
{|style="border: 1px solid #000000; text-align:center; font-family: Consolas, monaco, monospace;" width="250px"
 +
|-
 +
!HTML 256
 +
!ANSI 16
 +
|-
 +
|width="150px" style="background: #800000; color: #ffffff;"|#800000
 +
|width="100px" style="background: #800000; color: #ffffff;"|%xr
 +
|-
 +
|style="background: #ff0000; color: #000000;"|#ff0000
 +
|style="background: #ff0000; color: #000000;"|%xh%xr
 +
|-
 +
|style="background: #5f0000; color: #ffffff;"|#5f0000
 +
|style="background: #800000; color: #ffffff;"|%xr
 +
|-
 +
|style="background: #870000; color: #ffffff;"|#870000
 +
|style="background: #800000; color: #ffffff;"|%xr
 +
|-
 +
|style="background: #af0000; color: #ffffff;"|#af0000
 +
|style="background: #800000; color: #ffffff;"|%xr
 +
|-
 +
|style="background: #af5f00; color: #ffffff;"|#af5f00
 +
|style="background: #800000; color: #ffffff;"|%xh%xr
 +
|-
 +
|style="background: #af5f5f; color: #000000;"|#af5f5f
 +
|style="background: #ff0000; color: #000000;"|%xh%xr
 +
|-
 +
|style="background: #af5f87; color: #000000;"|#af5f87
 +
|style="background: #ff0000; color: #000000;"|%xh%xr
 +
|-
 +
|style="background: #af875f; color: #000000;"|#af875f
 +
|style="background: #ff0000; color: #000000;"|%xh%xr
 +
|-
 +
|style="background: #d70000; color: #000000;"|#d70000
 +
|style="background: #ff0000; color: #000000;"|%xr
 +
|-
 +
|style="background: #d7005f; color: #ffffff;"|#d7005f
 +
|style="background: #800000; color: #ffffff;"|%xr
 +
|-
 +
|style="background: #d75f00; color: #ffffff;"|#d75f00
 +
|style="background: #800000; color: #ffffff;"|%xh%xr
 +
|-
 +
|style="background: #d75f5f; color: #000000;"|#d75f5f
 +
|style="background: #ff0000; color: #000000;"|%xh%xr
 +
|-
 +
|style="background: #d75f87; color: #000000;"|#d75f87
 +
|style="background: #ff0000; color: #000000;"|%xh%xr
 +
|-
 +
|style="background: #d7875f; color: #000000;"|#d7875f
 +
|style="background: #ff0000; color: #000000;"|%xh%xr
 +
|-
 +
|style="background: #d78787; color: #000000;"|#d78787
 +
|style="background: #ff0000; color: #000000;"|%xh%xr
 +
|-
 +
|style="background: #ff0000; color: #000000;"|#ff0000
 +
|style="background: #ff0000; color: #000000;"|%xr
 +
|-
 +
|style="background: #ff005f; color: #ffffff;"|#ff005f
 +
|style="background: #800000; color: #ffffff;"|%xr
 +
|-
 +
|style="background: #ff5f00; color: #ffffff;"|#ff5f00
 +
|style="background: #800000; color: #ffffff;"|%xh%xr
 +
|-
 +
|style="background: #ff5f5f; color: #000000;"|#ff5f5f
 +
|style="background: #ff0000; color: #000000;"|%xh%xr
 +
|-
 +
|style="background: #ff5f87; color: #000000;"|#ff5f87
 +
|style="background: #ff0000; color: #000000;"|%xh%xr
 +
|-
 +
|style="background: #ff875f; color: #000000;"|#ff875f
 +
|style="background: #ff0000; color: #000000;"|%xh%xr
 +
|-
 +
|style="background: #ff8787; color: #000000;"|#ff8787
 +
|style="background: #ff0000; color: #000000;"|%xh%xr
 +
|}
 +
 +
 +
==Green==
 +
{|style="border: 1px solid #000000; text-align:center; font-family: Consolas, monaco, monospace;" width="250px"
 +
|-
 +
!HTML 256
 +
!ANSI 16
 +
|-
 +
|width="150px" style="background: #008000; color: #ffffff;"|#008000
 +
|width="100px" style="background: #008000; color: #ffffff;"|%xg
 +
|-
 +
|style="background: #00ff00; color: #000000;"|#00ff00
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #008700; color: #000000;"|#008700
 +
|style="background: #008000; color: #ffffff;"|%xg
 +
|-
 +
|style="background: #00af00; color: #000000;"|#00af00
 +
|style="background: #008000; color: #ffffff;"|%xg
 +
|-
 +
|style="background: #00af5f; color: #000000;"|#00af5f
 +
|style="background: #008000; color: #ffffff;"|%xg
 +
|-
 +
|style="background: #00d700; color: #000000;"|#00d700
 +
|style="background: #008000; color: #ffffff;"|%xg
 +
|-
 +
|style="background: #00ff00; color: #000000;"|#00ff00
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #00ff5f; color: #000000;"|#00ff5f
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #00ff87; color: #000000;"|#00ff87
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #5f8700; color: #000000;"|#5f8700
 +
|style="background: #008000; color: #ffffff;"|%xg
 +
|-
 +
|style="background: #5faf00; color: #000000;"|#5faf00
 +
|style="background: #008000; color: #ffffff;"|%xg
 +
|-
 +
|style="background: #5faf5f; color: #000000;"|#5faf5f
 +
|style="background: #008000; color: #ffffff;"|%xg
 +
|-
 +
|style="background: #5fd75f; color: #000000;"|#5fd75f
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #5fd787; color: #000000;"|#5fd787
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #5fff00; color: #000000;"|#5fff00
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #5fff5f; color: #000000;"|#5fff5f
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #5fff87; color: #000000;"|#5fff87
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #87d75f; color: #000000;"|#87d75f
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #87ff00; color: #000000;"|#87ff00
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #87ff5f; color: #000000;"|#87ff5f
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #87ff87; color: #000000;"|#87ff87
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #87ffaf; color: #000000;"|#87ffaf
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|-
 +
|style="background: #afff87; color: #000000;"|#afff87
 +
|style="background: #00ff00; color: #000000;"|%xh%xg
 +
|}
 +
 +
 +
==Blue==
 +
{|style="border: 1px solid #000000; text-align:center; font-family: Consolas, monaco, monospace;" width="250px"
 +
|-
 +
!HTML 256
 +
!ANSI 16
 +
|-
 +
|width="150px" style="background: #000080; color: #ffffff;"|#000080
 +
|width="100px" style="background: #000080; color: #ffffff;"|%xb
 +
|-
 +
|style="background: #0000ff; color: #ffffff;"|#0000ff
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #00005f; color: #ffffff;"|#00005f
 +
|style="background: #000080; color: #ffffff;"|%xb
 +
|-
 +
|style="background: #000087; color: #ffffff;"|#000087
 +
|style="background: #000080; color: #ffffff;"|%xb
 +
|-
 +
|style="background: #0000af; color: #ffffff;"|#0000af
 +
|style="background: #000080; color: #ffffff;"|%xb
 +
|-
 +
|style="background: #0000d7; color: #ffffff;"|#0000d7
 +
|style="background: #000080; color: #ffffff;"|%xb
 +
|-
 +
|style="background: #0000ff; color: #ffffff;"|#0000ff
 +
|style="background: #000080; color: #ffffff;"|%xb
 +
|-
 +
|style="background: #005faf; color: #000000;"|#005faf
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #005fd7; color: #000000;"|#005fd7
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #005fff; color: #000000;"|#005fff
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #0087ff; color: #000000;"|#0087ff
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #5f00d7; color: #ffffff;"|#5f00d7
 +
|style="background: #000080; color: #ffffff;"|%xb
 +
|-
 +
|style="background: #5f00ff; color: #ffffff;"|#5f00ff
 +
|style="background: #000080; color: #ffffff;"|%xb
 +
|-
 +
|style="background: #5f5faf; color: #000000;"|#5f5faf
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #5f5fd7; color: #000000;"|#5f5fd7
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #5f5fff; color: #000000;"|#5f5fff
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #5f87af; color: #000000;"|#5f87af
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #5f87d7; color: #000000;"|#5f87d7
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #5f87ff; color: #000000;"|#5f87ff
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #875fd7; color: #000000;"|#875fd7
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #875fff; color: #000000;"|#875fff
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #8787d7; color: #000000;"|#8787d7
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|-
 +
|style="background: #8787ff; color: #000000;"|#8787ff
 +
|style="background: #0000ff; color: #ffffff;"|%xh%xb
 +
|}
 +
 +
 +
==Yellow==
 +
{|style="border: 1px solid #000000; text-align:center; font-family: Consolas, monaco, monospace;" width="250px"
 +
|-
 +
!HTML 256
 +
!ANSI 16
 +
|-
 +
|width="150px" style="background: #808000; color: #000000;"|#808000
 +
|width="100px" style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #ffff00; color: #000000;"|#ffff00
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|-
 +
|style="background: #5fd700; color: #000000;"|#5fd700
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #878700; color: #000000;"|#878700
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #87af00; color: #000000;"|#87af00
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #87d700; color: #000000;"|#87d700
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #af8700; color: #000000;"|#af8700
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #afaf00; color: #000000;"|#afaf00
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #afd700; color: #000000;"|#afd700
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #afff00; color: #000000;"|#afff00
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|-
 +
|style="background: #afff5f; color: #000000;"|#afff5f
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|-
 +
|style="background: #d78700; color: #000000;"|#d78700
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #d7af00; color: #000000;"|#d7af00
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #d7af5f; color: #000000;"|#d7af5f
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #d7d700; color: #000000;"|#d7d700
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #d7d75f; color: #000000;"|#d7d75f
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|-
 +
|style="background: #d7ff00; color: #000000;"|#d7ff00
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|-
 +
|style="background: #d7ff5f; color: #000000;"|#d7ff5f
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|-
 +
|style="background: #d7ff87; color: #000000;"|#d7ff87
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|-
 +
|style="background: #ff8700; color: #000000;"|#ff8700
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #ffaf00; color: #000000;"|#ffaf00
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #ffaf5f; color: #000000;"|#ffaf5f
 +
|style="background: #808000; color: #000000;"|%xy
 +
|-
 +
|style="background: #ffd700; color: #000000;"|#ffd700
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|-
 +
|style="background: #ffd75f; color: #000000;"|#ffd75f
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|-
 +
|style="background: #ffd787; color: #000000;"|#ffd787
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|-
 +
|style="background: #ffff00; color: #000000;"|#ffff00
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|-
 +
|style="background: #ffff5f; color: #000000;"|#ffff5f
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|-
 +
|style="background: #ffff87; color: #000000;"|#ffff87
 +
|style="background: #ffff00; color: #000000;"|%xh%xy
 +
|}
 +
 +
 +
==Magenta==
 +
{|style="border: 1px solid #000000; text-align:center; font-family: Consolas, monaco, monospace;" width="250px"
 +
|-
 +
!HTML 256
 +
!ANSI 16
 +
|-
 +
|width="150px" style="background: #800080; color: #ffffff;"|#800080
 +
|width="100px" style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #ff00ff; color: #000000;"|#ff00ff
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #5f005f; color: #ffffff;"|#5f005f
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #5f0087; color: #ffffff;"|#5f0087
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #5f00af; color: #ffffff;"|#5f00af
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #87005f; color: #000000;"|#87005f
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #870087; color: #000000;"|#870087
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #8700af; color: #000000;"|#8700af
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #8700d7; color: #000000;"|#8700d7
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #8700ff; color: #000000;"|#8700ff
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #af005f; color: #000000;"|#af005f
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #af0087; color: #000000;"|#af0087
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #af00af; color: #000000;"|#af00af
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #af00d7; color: #000000;"|#af00d7
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #af00ff; color: #000000;"|#af00ff
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #af5faf; color: #000000;"|#af5faf
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #af5fd7; color: #000000;"|#af5fd7
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #af5fff; color: #000000;"|#af5fff
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #af87ff; color: #000000;"|#af87ff
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #d70087; color: #000000;"|#d70087
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #d700af; color: #000000;"|#d700af
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #d700d7; color: #000000;"|#d700d7
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #d700ff; color: #000000;"|#d700ff
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #d75faf; color: #000000;"|#d75faf
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #d75fd7; color: #000000;"|#d75fd7
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #d75fff; color: #000000;"|#d75fff
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #d787ff; color: #000000;"|#d787ff
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #ff0087; color: #000000;"|#ff0087
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #ff00af; color: #000000;"|#ff00af
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #ff00d7; color: #000000;"|#ff00d7
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #ff00ff; color: #000000;"|#ff00ff
 +
|style="background: #800080; color: #ffffff;"|%xm
 +
|-
 +
|style="background: #ff5faf; color: #000000;"|#ff5faf
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #ff5fd7; color: #000000;"|#ff5fd7
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #ff5fff; color: #000000;"|#ff5fff
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #ff87d7; color: #000000;"|#ff87d7
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|-
 +
|style="background: #ff87ff; color: #000000;"|#ff87ff
 +
|style="background: #ff00ff; color: #000000;"|%xh%xm
 +
|}
 +
 +
 +
==Cyan==
 +
{|style="border: 1px solid #000000; text-align:center; font-family: Consolas, monaco, monospace;" width="250px"
 +
|-
 +
!HTML 256
 +
!ANSI 16
 +
|-
 +
|width="150px" style="background: #008080; color: #000000;"|#008080
 +
|width="100px" style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #00ffff; color: #000000;"|#00ffff
 +
|style="background: #00ffff; color: #000000;"|%xh%xc
 +
|-
 +
|style="background: #008787; color: #000000;"|#008787
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #0087af; color: #000000;"|#0087af
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #0087d7; color: #000000;"|#0087d7
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #00af87; color: #000000;"|#00af87
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #00afaf; color: #000000;"|#00afaf
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #00afd7; color: #000000;"|#00afd7
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #00afff; color: #000000;"|#00afff
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #00d75f; color: #000000;"|#00d75f
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #00d787; color: #000000;"|#00d787
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #00d7af; color: #000000;"|#00d7af
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #00d7d7; color: #000000;"|#00d7d7
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #00d7ff; color: #000000;"|#00d7ff
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #00ffaf; color: #000000;"|#00ffaf
 +
|style="background: #00ffff; color: #000000;"|%xh%xc
 +
|-
 +
|style="background: #00ffd7; color: #000000;"|#00ffd7
 +
|style="background: #00ffff; color: #000000;"|%xh%xc
 +
|-
 +
|style="background: #00ffff; color: #000000;"|#00ffff
 +
|style="background: #00ffff; color: #000000;"|%xh%xc
 +
|-
 +
|style="background: #5fafaf; color: #000000;"|#5fafaf
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #5fafd7; color: #000000;"|#5fafd7
 +
|style="background: #008080; color: #000000;"|%xc
 +
|-
 +
|style="background: #5fafff; color: #000000;"|#5fafff
 +
|style="background: #00ffff; color: #000000;"|%xc
 +
|-
 +
|style="background: #5fd7d7; color: #000000;"|#5fd7d7
 +
|style="background: #00ffff; color: #000000;"|%xh%xc
 +
|-
 +
|style="background: #5fd7ff; color: #000000;"|#5fd7ff
 +
|style="background: #00ffff; color: #000000;"|%xh%xc
 +
|-
 +
|style="background: #5fffaf; color: #000000;"|#5fffaf
 +
|style="background: #00ffff; color: #000000;"|%xh%xc
 +
|-
 +
|style="background: #5fffd7; color: #000000;"|#5fffd7
 +
|style="background: #00ffff; color: #000000;"|%xh%xc
 +
|-
 +
|style="background: #5fffff; color: #000000;"|#5fffff
 +
|style="background: #00ffff; color: #000000;"|%xh%xc
 
|}
 
|}

Latest revision as of 17:12, 29 August 2021

This is a list of color codes, and how the HTML 256 corresponds to the ANSI 16, so if you want a color, you can see how it will show to people whether they're using 256 color or not.

Check How To ANSI for how to actually set this code on text.



To set yourself to see color (default ANSI 16):

@set me=ansi

To set yourself to see 256 Color:

@set me=color256

To set yourself to only see ANSI 16 colors:

@set me=!color256


NOTE: If you are not set ANSI, you will see NO colors at all, even if you still have COLOR256 set.


HTML 256 ANSI 16 HTML 256 ANSI 16
#000000 %xx #808080 %xh%xx
#800000 %xr #ff0000 %xh%xr
#008000 %xg #00ff00 %xh%xg
#808000 %xy #ffff00 %xh%xy
#000080 %xb #0000ff %xh%xb
#800080 %xm #ff00ff %xh%xm
#008080 %xc #00ffff %xh%xc
#c0c0c0 %xw #ffffff %xh%xw


List by Gradient

HTML 256 ANSI 16
#080808 %xx
#121212 %xx
#1c1c1c %xx
#262626 %xx
#303030 %xh%xx
#3a3a3a %xh%xx
#444444 %xh%xx
#4e4e4e %xh%xx
#585858 %xh%xx
#606060 %xh%xx
#666666 %xh%xx
#767676 %xh%xx
#808080 %xh%xx
#8a8a8a %xw
#949494 %xw
#9e9e9e %xw
#a8a8a8 %xw
#b2b2b2 %xw
#bcbcbc %xw
#c6c6c6 %xw
#d0d0d0 %xw
#dadada %xh%xw
#e4e4e4 %xh%xw
#eeeeee %xh%xw


HTML 256 ANSI 16 HTML 256 ANSI 16 HTML 256 ANSI 16
#000000 %xx #5f0000 %xr #870000 %xr
#00005f %xb #5f005f %xm #87005f %xm
#000087 %xb #5f0087 %xm #870087 %xm
#0000af %xb #5f00af %xm #8700af %xm
#0000d7 %xb #5f00d7 %xb #8700d7 %xm
#0000ff %xb #5f00ff %xb #8700ff %xm
#005f00 %xh%xx #5f5f00 %xh%xx #875f00 %xh%xx
#005f5f %xh%xx #5f5f5f %xh%xx #875f5f %xh%xx
#005f87 %xh%xx #5f5f87 %xh%xx #875f87 %xh%xx
#005faf %xh%xb #5f5faf %xh%xb #875faf %xh%xx
#005fd7 %xh%xb #5f5fd7 %xh%xb #875fd7 %xh%xb
#005fff %xh%xb #5f5fff %xh%xb #875fff %xh%xb
#008700 %xg #5f8700 %xg #878700 %xy
#00875f %xh%xx #5f875f %xh%xx #87875f %xh%xx
#008787 %xc #5f8787 %xh%xx #878787 %xh%xx
#0087af %xc #5f87af %xh%xb #8787af %xw
#0087d7 %xc #5f87d7 %xh%xb #8787d7 %xh%xb
#0087ff %xh%xb #5f87ff %xh%xb #8787ff %xh%xb
#00af00 %xg #5faf00 %xg #87af00 %xy
#00af5f %xg #5faf5f %xg #87af5f %xw
#00af87 %xc #5faf87 %xw #87af87 %xw
#00afaf %xc #5fafaf %xc #87afaf %xw
#00afd7 %xc #5fafd7 %xc #87afd7 %xw
#00afff %xc #5fafff %xc #87afff %xw
#00d700 %xg #5fd700 %xy #87d700 %xy
#00d75f %xc #5fd75f %xh%xg #87d75f %xh%xg
#00d787 %xc #5fd787 %xh%xg #87d787 %xw
#00d7af %xc #5fd7af %xw #87d7af %xw
#00d7d7 %xc #5fd7d7 %xh%xc #87d7d7 %xw
#00d7ff %xc #5fd7ff %xh%xc #87d7ff %xh%xc
#00ff00 %xh%xg #5fff00 %xh%xg #87ff00 %xh%xg
#00ff5f %xh%xg #5fff5f %xh%xg #87ff5f %xh%xg
#00ff87 %xh%xg #5fff87 %xh%xg #87ff87 %xh%xg
#00ffaf %xh%xc #5fffaf %xh%xc #87ffaf %xh%xg
#00ffd7 %xh%xc #5fffd7 %xh%xc #87ffd7 %xh%xc
#00ffff %xh%xc #5fffff %xh%xc #87ffff %xh%xc
#af0000 %xr #d70000 %xr #ff0000 %xr
#af005f %xm #d7005f %xr #ff005f %xr
#af0087 %xm #d70087 %xm #ff0087 %xm
#af00af %xm #d700af %xm #ff00af %xm
#af00d7 %xm #d700d7 %xm #ff00d7 %xm
#af00ff %xm #d700ff %xm #ff00ff %xm
#af5f00 %xh%xr #d75f00 %xh%xr #ff5f00 %xh%xr
#af5f5f %xh%xr #d75f5f %xh%xr #ff5f5f %xh%xr
#af5f87 %xh%xr #d75f87 %xh%xr #ff5f87 %xh%xr
#af5faf %xh%xm #d75faf %xh%xm #ff5faf %xh%xm
#af5fd7 %xh%xm #d75fd7 %xh%xm #ff5fd7 %xh%xm
#af5fff %xh%xm #d75fff %xh%xm #ff5fff %xh%xm
#af8700 %xy #d78700 %xy #ff8700 %xy
#af875f %xh%xr #d7875f %xh%xr #ff875f %xh%xr
#af8787 %xw #d78787 %xh%xr #ff8787 %xh%xr
#af87af %xw #d787af %xw #ff87af %xw
#af87d7 %xw #d787d7 %xw #ff87d7 %xh%xm
#af87ff %xh%xm #d787ff %xh%xm #ff87ff %xh%xm
#afaf00 %xy #d7af00 %xy #ffaf00 %xy
#afaf5f %xw #d7af5f %xy #ffaf5f %xy
#afaf87 %xw #d7af87 %xw #ffaf87 %xw
#afafaf %xw #d7afaf %xw #ffafaf %xw
#afafd7 %xw #d7afd7 %xw #ffafd7 %xw
#afafff %xw #d7afff %xw #ffafff %xw
#afd700 %xy #d7d700 %xy #ffd700 %xh%xy
#afd75f %xw #d7d75f %xh%xy #ffd75f %xh%xy
#afd787 %xw #d7d787 %xw #ffd787 %xh%xy
#afd7af %xw #d7d7af %xw #ffd7af %xh%xw
#afd7d7 %xw #d7d7d7 %xw #ffd7d7 %xh%xw
#afd7ff %xw #d7d7ff %xh%xw #ffd7ff %xh%xw
#afff00 %xh%xy #d7ff00 %xh%xy #ffff00 %xh%xy
#afff5f %xh%xy #d7ff5f %xh%xy #ffff5f %xh%xy
#afff87 %xh%xg #d7ff87 %xh%xy #ffff87 %xh%xy
#afffaf %xh%xw #d7ffaf %xh%xw #ffffaf %xh%xw
#afffd7 %xh%xw #d7ffd7 %xh%xw #ffffd7 %xh%xw
#afffff %xh%xw #d7ffff %xh%xw #ffffff %xh%xw


List by Colour

For ease of use, the colours above are separated here by which ANSI 16 colours they correspond to.

Black

HTML 256 ANSI 16
#000000 %xx
#808080 %xh%xx
#005f00 %xh%xx
#005f5f %xh%xx
#005f87 %xh%xx
#00875f %xh%xx
#5f5f00 %xh%xx
#808080 %xh%xx
#5f5f87 %xh%xx
#5f875f %xh%xx
#5f8787 %xh%xx
#875f00 %xh%xx
#875f5f %xh%xx
#875f87 %xh%xx
#875faf %xh%xx
#87875f %xh%xx
#878787 %xh%xx
#080808 %xx
#121212 %xx
#1c1c1c %xx
#262626 %xx
#303030 %xh%xx
#3a3a3a %xh%xx
#444444 %xh%xx
#4e4e4e %xh%xx
#585858 %xh%xx
#606060 %xh%xx
#666666 %xh%xx
#767676 %xh%xx
#808080 %xh%xx


White

HTML 256 ANSI 16
#c0c0c0 %xw
#ffffff %xh%xw
#5faf87 %xw
#5faf87 %xw
#8787af %xw
#87af5f %xw
#87af87 %xw
#87afaf %xw
#87afd7 %xw
#87afff %xw
#87d787 %xw
#87d7af %xw
#87d7d7 %xw
#af8787 %xw
#af87af %xw
#af87d7 %xw
#afaf5f %xw
#afaf87 %xw
#afafaf %xw
#afafd7 %xw
#afafff %xw
#afd75f %xw
#afd787 %xw
#afd7af %xw
#afd7d7 %xw
#afd7ff %xw
#afffaf %xh%xw
#afffd7 %xh%xw
#afffff %xh%xw
#d787af %xw
#d787d7 %xw
#d7af87 %xw
#d7afaf %xw
#d7afd7 %xw
#d7afff %xw
#d7d787 %xw
#d7d7af %xw
#d7d7d7 %xw
#d7d7ff %xh%xw
#d7ffaf %xh%xw
#d7ffd7 %xh%xw
#d7ffff %xh%xw
#ff87af %xw
#ffaf87 %xw
#ffafaf %xw
#ffafd7 %xw
#ffafff %xw
#ffd7af %xh%xw
#ffd7d7 %xh%xw
#ffd7ff %xh%xw
#ffffaf %xh%xw
#ffffd7 %xh%xw
#8a8a8a %xw
#949494 %xw
#9e9e9e %xw
#a8a8a8 %xw
#b2b2b2 %xw
#bcbcbc %xw
#c6c6c6 %xw
#d0d0d0 %xw
#dadada %xh%xw
#e4e4e4 %xh%xw
#eeeeee %xh%xw

Red

Oddly, while #ff0000 IS the same colour as %xh%xr/255,0,0, when using the #ff0000 colour code on a client incompatible with 256, it shows up as %xr. The first listing of it in this table is, therefore, technically inaccurate, as #ff0000 does not display as %xh%xr.

HTML 256 ANSI 16
#800000 %xr
#ff0000 %xh%xr
#5f0000 %xr
#870000 %xr
#af0000 %xr
#af5f00 %xh%xr
#af5f5f %xh%xr
#af5f87 %xh%xr
#af875f %xh%xr
#d70000 %xr
#d7005f %xr
#d75f00 %xh%xr
#d75f5f %xh%xr
#d75f87 %xh%xr
#d7875f %xh%xr
#d78787 %xh%xr
#ff0000 %xr
#ff005f %xr
#ff5f00 %xh%xr
#ff5f5f %xh%xr
#ff5f87 %xh%xr
#ff875f %xh%xr
#ff8787 %xh%xr


Green

HTML 256 ANSI 16
#008000 %xg
#00ff00 %xh%xg
#008700 %xg
#00af00 %xg
#00af5f %xg
#00d700 %xg
#00ff00 %xh%xg
#00ff5f %xh%xg
#00ff87 %xh%xg
#5f8700 %xg
#5faf00 %xg
#5faf5f %xg
#5fd75f %xh%xg
#5fd787 %xh%xg
#5fff00 %xh%xg
#5fff5f %xh%xg
#5fff87 %xh%xg
#87d75f %xh%xg
#87ff00 %xh%xg
#87ff5f %xh%xg
#87ff87 %xh%xg
#87ffaf %xh%xg
#afff87 %xh%xg


Blue

HTML 256 ANSI 16
#000080 %xb
#0000ff %xh%xb
#00005f %xb
#000087 %xb
#0000af %xb
#0000d7 %xb
#0000ff %xb
#005faf %xh%xb
#005fd7 %xh%xb
#005fff %xh%xb
#0087ff %xh%xb
#5f00d7 %xb
#5f00ff %xb
#5f5faf %xh%xb
#5f5fd7 %xh%xb
#5f5fff %xh%xb
#5f87af %xh%xb
#5f87d7 %xh%xb
#5f87ff %xh%xb
#875fd7 %xh%xb
#875fff %xh%xb
#8787d7 %xh%xb
#8787ff %xh%xb


Yellow

HTML 256 ANSI 16
#808000 %xy
#ffff00 %xh%xy
#5fd700 %xy
#878700 %xy
#87af00 %xy
#87d700 %xy
#af8700 %xy
#afaf00 %xy
#afd700 %xy
#afff00 %xh%xy
#afff5f %xh%xy
#d78700 %xy
#d7af00 %xy
#d7af5f %xy
#d7d700 %xy
#d7d75f %xh%xy
#d7ff00 %xh%xy
#d7ff5f %xh%xy
#d7ff87 %xh%xy
#ff8700 %xy
#ffaf00 %xy
#ffaf5f %xy
#ffd700 %xh%xy
#ffd75f %xh%xy
#ffd787 %xh%xy
#ffff00 %xh%xy
#ffff5f %xh%xy
#ffff87 %xh%xy


Magenta

HTML 256 ANSI 16
#800080 %xm
#ff00ff %xh%xm
#5f005f %xm
#5f0087 %xm
#5f00af %xm
#87005f %xm
#870087 %xm
#8700af %xm
#8700d7 %xm
#8700ff %xm
#af005f %xm
#af0087 %xm
#af00af %xm
#af00d7 %xm
#af00ff %xm
#af5faf %xh%xm
#af5fd7 %xh%xm
#af5fff %xh%xm
#af87ff %xh%xm
#d70087 %xm
#d700af %xm
#d700d7 %xm
#d700ff %xm
#d75faf %xh%xm
#d75fd7 %xh%xm
#d75fff %xh%xm
#d787ff %xh%xm
#ff0087 %xm
#ff00af %xm
#ff00d7 %xm
#ff00ff %xm
#ff5faf %xh%xm
#ff5fd7 %xh%xm
#ff5fff %xh%xm
#ff87d7 %xh%xm
#ff87ff %xh%xm


Cyan

HTML 256 ANSI 16
#008080 %xc
#00ffff %xh%xc
#008787 %xc
#0087af %xc
#0087d7 %xc
#00af87 %xc
#00afaf %xc
#00afd7 %xc
#00afff %xc
#00d75f %xc
#00d787 %xc
#00d7af %xc
#00d7d7 %xc
#00d7ff %xc
#00ffaf %xh%xc
#00ffd7 %xh%xc
#00ffff %xh%xc
#5fafaf %xc
#5fafd7 %xc
#5fafff %xc
#5fd7d7 %xh%xc
#5fd7ff %xh%xc
#5fffaf %xh%xc
#5fffd7 %xh%xc
#5fffff %xh%xc
Retrieved from "http://fatesharvest.com/wiki/index.php?title=HTML_256_to_ANSI_16&oldid=21297"