bar chart Example 1
bar chart Example 2
line chart Example 3
line chart Example 4
pie chart Example 5
pie chart Example 6

Live Example
Graphic Tools
Invisible Counter

HTML Color Codes - Hex Colors - Color Spectrum

Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors
Colorpallet from #7ECEC3 to #7EC3CE and to #CE7EC3
#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3
#7ECCC5#80CAC5#82C8C4#84C7C4#86C5C4#88C3C3#8BC1C3
#7ECAC7#82C6C6#86C3C6#8ABFC5#8FBCC4#93B8C4#98B4C3
#7EC9C8#84C4C7#8ABEC6#90B9C6#96B4C5#9CAFC4#A4A8C3
#7EC7CA#86C0C9#8EB9C8#96B2C7#9FABC6#A7A4C4#B19BC3
#7EC5CC#88BCCB#92B3C9#9DABC8#A7A2C6#B199C5#BE8EC3
#7EC3CE#8BB8CC#98ADCA#A4A2C9#B197C7#BE8CC5#CE7EC3
Colorpallet from #7ECEC3 to #7EC3CE and to #CEC37E
#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3
#7ECCC5#80CCC3#82CCC1#84CCBF#86CCBD#88CCBB#8BCCB8
#7ECAC7#82CAC3#86CABF#8ACABB#8FCAB6#93CAB2#98CAAD
#7EC9C8#84C9C2#8AC9BC#90C9B6#96C9B0#9CC9AA#A4C9A2
#7EC7CA#86C7C2#8EC7BA#96C7B2#9FC7A9#A7C7A1#B1C797
#7EC5CC#88C5C2#92C5B8#9DC5AD#A7C5A3#B1C599#BEC58C
#7EC3CE#8BC3C1#98C3B4#A4C3A8#B1C39B#BEC38E#CEC37E
Colorpallet from #7ECEC3 to #7EC3CE and to #C37ECE
#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3
#7ECCC5#80CAC5#82C8C5#83C7C5#85C5C5#87C3C5#89C1C5
#7ECAC7#82C6C7#85C3C7#89BFC7#8CBCC7#90B8C7#94B4C7
#7EC9C8#83C4C8#89BEC8#8EB9C8#93B4C8#98AFC8#9FA8C8
#7EC7CA#85C0CA#8CB9CA#93B2CA#9AABCA#A1A4CA#AA9BCA
#7EC5CC#87BCCC#90B3CC#98ABCC#A1A2CC#AA99CC#B58ECC
#7EC3CE#89B8CE#94ADCE#9FA2CE#AA97CE#B58CCE#C37ECE
Colorpallet from #7ECEC3 to #7EC3CE and to #C3CE7E
#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3
#7ECCC5#80CCC3#82CDC1#83CDBF#85CDBD#87CEBB#89CEB8
#7ECAC7#82CBC3#85CBBF#89CCBB#8CCDB6#90CDB2#94CEAD
#7EC9C8#83CAC2#89CBBC#8ECBB6#93CCB0#98CDAA#9FCEA2
#7EC7CA#85C8C2#8CC9BA#93CAB2#9ACBA9#A1CDA1#AACE97
#7EC5CC#87C6C2#90C8B8#98C9AD#A1CBA3#AACC99#B5CE8C
#7EC3CE#89C5C1#94C7B4#9FC8A8#AACA9B#B5CC8E#C3CE7E
Colorpallet from #7ECEC3 to #CE7EC3 and to #CEC37E
#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3
#8BC1C3#8BC3C1#8BC5BF#8BC6BE#8BC8BC#8BCABA#8BCCB8
#98B4C3#98B8BF#98BBBC#98BFB8#98C2B5#98C6B1#98CAAD
#A4A8C3#A4ADBE#A4B3B8#A4B8B3#A4BDAE#A4C2A9#A4C9A2
#B19BC3#B1A2BC#B1A9B5#B1B0AE#B1B7A7#B1BEA0#B1C797
#BE8EC3#BE97BA#BEA0B1#BEA8A9#BEB1A0#BEBA97#BEC58C
#CE7EC3#CE89B8#CE94AD#CE9FA2#CEAA97#CEB58C#CEC37E
Colorpallet from #7ECEC3 to #CE7EC3 and to #C37ECE
#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3
#8BC1C3#8BC1C3#8AC1C4#8AC1C4#8AC1C4#89C1C5#89C1C5
#98B4C3#97B4C4#97B4C4#96B4C5#95B4C6#95B4C6#94B4C7
#A4A8C3#A3A8C4#A2A8C5#A2A8C5#A1A8C6#A0A8C7#9FA8C8
#B19BC3#B09BC4#AF9BC5#AE9BC6#AD9BC7#AB9BC9#AA9BCA
#BE8EC3#BD8EC4#BB8EC6#BA8EC7#B88EC9#B78ECA#B58ECC
#CE7EC3#CC7EC5#CA7EC7#C97EC8#C77ECA#C57ECC#C37ECE
Colorpallet from #7ECEC3 to #CE7EC3 and to #C3CE7E
#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3
#8BC1C3#8BC3C1#8AC5BF#8AC7BE#8AC9BC#89CBBA#89CEB8
#98B4C3#97B8BF#97BCBC#96C0B8#95C5B5#95C9B1#94CEAD
#A4A8C3#A3AEBE#A2B4B8#A2BAB3#A1C0AE#A0C6A9#9FCEA2
#B19BC3#B0A3BC#AFABB5#AEB3AE#ADBCA7#ABC4A0#AACE97
#BE8EC3#BD98BA#BBA2B1#BAADA9#B8B7A0#B7C197#B5CE8C
#CE7EC3#CC8BB8#CA98AD#C9A4A2#C7B197#C5BE8C#C3CE7E
Colorpallet from #7ECEC3 to #CEC37E and to #C37ECE
#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3
#8BCCB8#8BCABA#8AC8BC#8AC7BE#8AC5C0#89C3C2#89C1C5
#98CAAD#97C6B1#97C3B5#96BFB9#95BCBE#95B8C2#94B4C7
#A4C9A2#A3C4A8#A2BEAE#A2B9B4#A1B4BA#A0AFC0#9FA8C8
#B1C797#B0C09F#AFB9A7#AEB2AF#ADABB8#ABA4C0#AA9BCA
#BEC58C#BDBC96#BBB3A0#BAABAB#B8A2B5#B799BF#B58ECC
#CEC37E#CCB88B#CAAD98#C9A2A4#C797B1#C58CBE#C37ECE
Colorpallet from #7ECEC3 to #CEC37E and to #C3CE7E
#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3
#8BCCB8#8BCCB8#8ACDB8#8ACDB8#8ACDB8#89CEB8#89CEB8
#98CAAD#97CBAD#97CBAD#96CCAD#95CDAD#95CDAD#94CEAD
#A4C9A2#A3CAA2#A2CBA2#A2CBA2#A1CCA2#A0CDA2#9FCEA2
#B1C797#B0C897#AFC997#AECA97#ADCB97#ABCD97#AACE97
#BEC58C#BDC68C#BBC88C#BAC98C#B8CB8C#B7CC8C#B5CE8C
#CEC37E#CCC57E#CAC77E#C9C87E#C7CA7E#C5CC7E#C3CE7E
Colorpallet from #7ECEC3 to #C37ECE and to #C3CE7E
#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3#7ECEC3
#89C1C5#89C3C3#89C5C1#89C7BF#89C9BD#89CBBB#89CEB8
#94B4C7#94B8C3#94BCBF#94C0BB#94C5B6#94C9B2#94CEAD
#9FA8C8#9FAEC2#9FB4BC#9FBAB6#9FC0B0#9FC6AA#9FCEA2
#AA9BCA#AAA3C2#AAABBA#AAB3B2#AABCA9#AAC4A1#AACE97
#B58ECC#B598C2#B5A2B8#B5ADAD#B5B7A3#B5C199#B5CE8C
#C37ECE#C38BC1#C398B4#C3A4A8#C3B19B#C3BE8E#C3CE7E
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
create a timechart
create a piechart
create a barchart
create a ganttchart