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.)
 
(3 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;" |

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