!!!Colors

!!Color names

||Hue Value dec||Hue hex||Color from ... to ||Name
|0 |$0|black to white|Black
|1 |$1|brown to gold|Rust
|2 |$2|orange to yellow|Red-orange
|3 |$3|terracotta to pink|Dark Orange
|4 |$4|dark red to magenta|Red
|5 |$5|violet to light blue |Dark lavender
|6 |$6|indigo to white |Cobalt blue
|7 |$7|sky blue |Ultramarine blue
|8 |$8|royal blue to baby blue|Medium Blue
|9 |$9|ultramarin to light blue |Dark Blue
|10 |$A|turquois |Blue-grey
|11 |$B|dark blue to aquamarin |Olive Green
|12 |$C|sea green to turquois|Medium green
|13 |$D|wood green to light green |Dark Green
|14 |$E|olive |Orange-green
|15 |$F|khaki to yellow|Orange

!!Luminance
||Luminance Value||Description
|0 $0| dark|%%( color: #000 ; background-color : #000 ) black %%
|2 $2| |%%( color: #222 ; background-color : #222 ) black %%
|4 $4| |%%( color: #444 ; background-color : #444 ) black %%
|6 $6| |%%( color: #666 ; background-color : #666 ) black %%
|8 $8| |%%( color: #888 ; background-color : #888 ) black %%
|10 $A| |%%( color: #aaa ; background-color : #aaa ) black %%
|12 $C| |%%( color: #ccc ; background-color : #ccc ) black %%
|14 $E|light|%%( color: #eee ; background-color : #eee ) black %%

!!Compute a color value
!Decimal 
Color = Hue * 16 + Luminance
!Hexadecimal
Color = $HL
!Binary
||Bit||7||6||5||4||3||2||1||0
|Color Value |H|H|H|H|L|L|L|L

!!Color Table
|| ||$00||$02||$04||$06||$08||$0A||$0C||$0E
|$00| %%( color: #000 ; background-color : #000 ) black%% |%%( color: #222 ; background-color : #222 ) black%%  |%%( color: #444 ; background-color : #444 ) black%%  |%%( color: #666 ; background-color : #666 ) black%%  |%%( color: #888 ; background-color : #888 ) black%%  |%%( color: #AAA ; background-color : #AAA ) black%%  |%%( color: #CCC ; background-color : #CCC ) black%%  |%%( color: #EEE ; background-color : #EEE ) black%%
|$10| %%( color: #444400 ; background-color : #444400 ) black%% |%%( color: #646410 ; background-color : #646410 ) black%%  |%%( color: #848424 ; background-color : #848424 ) black%%  |%%( color: #A0A034 ; background-color : #A0A034 ) black%%  |%%( color: #B8B840 ; background-color : #B8B840 ) black%%  |%%( color: #D0D050 ; background-color : #D0D050 ) black%%  |%%( color: #E8E85C ; background-color : #E8E85C ) black%%  |%%( color: #FCFC68 ; background-color : #FCFC68 ) black%%
|$20| %%( color: #702800 ; background-color : #702800 ) black%% |%%( color: #844414 ; background-color : #844414 ) black%%  |%%( color: #985C28 ; background-color : #985C28 ) black%%  |%%( color: #AC783C ; background-color : #AC783C ) black%%  |%%( color: #BC8C4C ; background-color : #BC8C4C ) black%%  |%%( color: #CCA05C ; background-color : #CCA05C ) black%%  |%%( color: #DCB468 ; background-color : #DCB468 ) black%%  |%%( color: #E8CC7C ; background-color : #E8CC7C ) black%%
|$30| %%( color: #841800 ; background-color : #841800 ) black%% |%%( color: #983418 ; background-color : #983418 ) black%%  |%%( color: #AC5030 ; background-color : #AC5030 ) black%%  |%%( color: #C06848 ; background-color : #C06848 ) black%%  |%%( color: #D0805C ; background-color : #D0805C ) black%%  |%%( color: #E09470 ; background-color : #E09470 ) black%%  |%%( color: #ECA880 ; background-color : #ECA880 ) black%%  |%%( color: #FCBC94 ; background-color : #FCBC94 ) black%% 
|$40| %%( color: #880000 ; background-color : #880000 ) black%% |%%( color: #9C2020 ; background-color : #9C2020 ) black%%  |%%( color: #B03C3C ; background-color : #B03C3C ) black%%  |%%( color: #C05858 ; background-color : #C05858 ) black%%  |%%( color: #D07070 ; background-color : #D07070 ) black%%  |%%( color: #E08888 ; background-color : #E08888 ) black%%  |%%( color: #ECA0A0 ; background-color : #ECA0A0 ) black%%  |%%( color: #FCB4B4 ; background-color : #FCB4B4 ) black%% 
|$50| %%( color: #78005C ; background-color : #78005C ) black%% |%%( color: #8C2074 ; background-color : #8C2074 ) black%%  |%%( color: #A03C88 ; background-color : #A03C88 ) black%%  |%%( color: #B0589C ; background-color : #B0589C ) black%%  |%%( color: #C070B0 ; background-color : #C070B0 ) black%%  |%%( color: #D084C0 ; background-color : #D084C0 ) black%%  |%%( color: #DC9CD0 ; background-color : #DC9CD0 ) black%%  |%%( color: #ECB0E0 ; background-color : #ECB0E0 ) black%% 
|$60| %%( color: #480078 ; background-color : #480078 ) black%% |%%( color: #602090 ; background-color : #602090 ) black%%  |%%( color: #783CA4 ; background-color : #783CA4 ) black%%  |%%( color: #8C58B8 ; background-color : #8C58B8 ) black%%  |%%( color: #A070CC ; background-color : #A070CC ) black%%  |%%( color: #B484DC ; background-color : #B484DC ) black%%  |%%( color: #C49CEC ; background-color : #C49CEC ) black%%  |%%( color: #D4B0FC ; background-color : #D4B0FC ) black%%
|$70| %%( color: #140084 ; background-color : #140084 ) black%% |%%( color: #302098 ; background-color : #302098 ) black%%  |%%( color: #4C3CAC ; background-color : #4C3CAC ) black%%  |%%( color: #6858C0 ; background-color : #6858C0 ) black%%  |%%( color: #7C70D0 ; background-color : #7C70D0 ) black%%  |%%( color: #9488E0 ; background-color : #9488E0 ) black%%  |%%( color: #A8A0EC ; background-color : #A8A0EC ) black%%  |%%( color: #BCB4FC ; background-color : #BCB4FC ) black%% 
|$80| %%( color: #000088 ; background-color : #000088 ) black%% |%%( color: #1C209C ; background-color : #1C209C ) black%%  |%%( color: #3840B0 ; background-color : #3840B0 ) black%%  |%%( color: #505CC0 ; background-color : #505CC0 ) black%%  |%%( color: #6874D0 ; background-color : #6874D0 ) black%%  |%%( color: #7C8CE0 ; background-color : #7C8CE0 ) black%%  |%%( color: #90A4EC ; background-color : #90A4EC ) black%%  |%%( color: #A4B8FC ; background-color : #A4B8FC ) black%%
|$90| %%( color: #00187C ; background-color : #00187C ) black%% |%%( color: #1C3890 ; background-color : #1C3890 ) black%%  |%%( color: #3854A8 ; background-color : #3854A8 ) black%%  |%%( color: #5070BC ; background-color : #5070BC ) black%%  |%%( color: #6888CC ; background-color : #6888CC ) black%%  |%%( color: #7C9CDC ; background-color : #7C9CDC ) black%%  |%%( color: #90B4EC ; background-color : #90B4EC ) black%%  |%%( color: #A4C8FC ; background-color : #A4C8FC ) black%%
|$A0| %%( color: #002C5C ; background-color : #002C5C ) black%% |%%( color: #1C4C78 ; background-color : #1C4C78 ) black%%  |%%( color: #386890 ; background-color : #386890 ) black%%  |%%( color: #5084AC ; background-color : #5084AC ) black%%  |%%( color: #689CC0 ; background-color : #689CC0 ) black%%  |%%( color: #7CB4D4 ; background-color : #7CB4D4 ) black%%  |%%( color: #90CCE8 ; background-color : #90CCE8 ) black%%  |%%( color: #A4E0FC ; background-color : #A4E0FC ) black%%
|$B0| %%( color: #00402C ; background-color : #00402C ) black%% |%%( color: #1C5C48 ; background-color : #1C5C48 ) black%%  |%%( color: #387C64 ; background-color : #387C64 ) black%%  |%%( color: #509C80 ; background-color : #509C80 ) black%%  |%%( color: #68B494 ; background-color : #68B494 ) black%%  |%%( color: #7CD0AC ; background-color : #7CD0AC ) black%%  |%%( color: #90E4C0 ; background-color : #90E4C0 ) black%%  |%%( color: #A4FCD4 ; background-color : #A4FCD4 ) black%%
|$C0| %%( color: #003C00 ; background-color : #003C00 ) black%% |%%( color: #205C20 ; background-color : #205C20 ) black%%  |%%( color: #407C40 ; background-color : #407C40 ) black%%  |%%( color: #5C9C5C ; background-color : #5C9C5C ) black%%  |%%( color: #74B474 ; background-color : #74B474 ) black%%  |%%( color: #8CD08C ; background-color : #8CD08C ) black%%  |%%( color: #A4E4A4 ; background-color : #A4E4A4 ) black%%  |%%( color: #B8FCB8 ; background-color : #B8FCB8 ) black%%
|$D0| %%( color: #143800 ; background-color : #143800 ) black%% |%%( color: #345C1C ; background-color : #345C1C ) black%%  |%%( color: #507C38 ; background-color : #507C38 ) black%%  |%%( color: #6C9850 ; background-color : #6C9850 ) black%%  |%%( color: #84B468 ; background-color : #84B468 ) black%%  |%%( color: #9CCC7C ; background-color : #9CCC7C ) black%%  |%%( color: #B4E490 ; background-color : #B4E490 ) black%%  |%%( color: #C8FCA4 ; background-color : #C8FCA4 ) black%%
|$E0| %%( color: #2C3000 ; background-color : #2C3000 ) black%% |%%( color: #4C501C ; background-color : #4C501C ) black%%  |%%( color: #687034 ; background-color : #687034 ) black%%  |%%( color: #848C4C ; background-color : #848C4C ) black%%  |%%( color: #9CA864 ; background-color : #9CA864 ) black%%  |%%( color: #B4C078 ; background-color : #B4C078 ) black%%  |%%( color: #CCD488 ; background-color : #CCD488 ) black%%  |%%( color: #E0EC9C ; background-color : #E0EC9C ) black%%
|$F0| %%( color: #442800 ; background-color : #442800 ) black%% |%%( color: #644818 ; background-color : #644818 ) black%%  |%%( color: #846830 ; background-color : #846830 ) black%%  |%%( color: #A08444 ; background-color : #A08444 ) black%%  |%%( color: #B89C58 ; background-color : #B89C58 ) black%%  |%%( color: #D0B46C ; background-color : #D0B46C ) black%%  |%%( color: #E8CC7C ; background-color : #E8CC7C ) black%%  |%%( color: #FCE08C ; background-color : #FCE08C ) black%% 



----
see also: [Color topics|Color_topics]