!!!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: #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%% |$50| %%( 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%% |$60| %%( 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%% |$70| %%( 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%% |$80| %%( 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%% |$90| %%( 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%% |$A0| %%( 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%% |$B0| %%( 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%% |$C0| %%( 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%% |$D0| %%( 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%% |$E0| %%( 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%% |$F0| %%( 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%% ---- see also: [Color topics|Color_topics]