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 #C684BC to #C6BC84 and to #84C6BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C68DB3
#C48DB4
#C28EB6
#C18EB7
#BF8EB9
#BD8FBA
#BB8FBC
#C696AA
#C396AD
#BF97B0
#BC97B3
#B998B6
#B598B8
#B199BC
#C69FA1
#C1A0A5
#BCA1AA
#B7A1AE
#B2A2B2
#ACA3B7
#A6A4BC
#C6A898
#BFA99E
#B9AAA4
#B2ABA9
#ABACAF
#A4ADB5
#9CAEBC
#C6B18F
#BEB296
#B5B49D
#ADB5A5
#A4B6AC
#9CB7B3
#91B9BC
#C6BC84
#BBBE8D
#B1BF96
#A6C19F
#9CC2A8
#91C4B1
#84C6BC
Colorpallet from #C684BC to #C6BC84 and to #84BCC6
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C68DB3
#C48DB5
#C28DB7
#C18DB8
#BF8DBA
#BD8DBC
#BB8DBE
#C696AA
#C396AD
#BF96B1
#BC96B4
#B996B7
#B596BB
#B196BF
#C69FA1
#C19FA6
#BC9FAB
#B79FB0
#B29FB5
#AC9FBB
#A69FC1
#C6A898
#BFA89F
#B9A8A5
#B2A8AC
#ABA8B3
#A4A8BA
#9CA8C2
#C6B18F
#BEB197
#B5B1A0
#ADB1A8
#A4B1B1
#9CB1B9
#91B1C4
#C6BC84
#BBBC8F
#B1BC99
#A6BCA4
#9CBCAE
#91BCB9
#84BCC6
Colorpallet from #C684BC to #C6BC84 and to #BCC684
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C68DB3
#C68DB3
#C58EB3
#C58EB3
#C58EB3
#C48FB3
#C48FB3
#C696AA
#C696AA
#C597AA
#C597AA
#C498AA
#C498AA
#C399AA
#C69FA1
#C5A0A1
#C4A1A1
#C4A1A1
#C3A2A1
#C2A3A1
#C1A4A1
#C6A898
#C5A998
#C4AA98
#C3AB98
#C2AC98
#C1AD98
#C0AE98
#C6B18F
#C5B28F
#C3B48F
#C2B58F
#C1B68F
#C0B78F
#BEB98F
#C6BC84
#C4BE84
#C3BF84
#C1C184
#C0C284
#BEC484
#BCC684
Colorpallet from #C684BC to #C6BC84 and to #BC84C6
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C68DB3
#C68CB5
#C58AB7
#C589B8
#C587BA
#C486BC
#C484BE
#C696AA
#C693AD
#C590B1
#C58DB4
#C48AB7
#C488BB
#C384BF
#C69FA1
#C59BA6
#C496AB
#C492B0
#C38EB5
#C289BB
#C184C1
#C6A898
#C5A29F
#C49CA5
#C397AC
#C291B3
#C18BBA
#C084C2
#C6B18F
#C5AA97
#C3A3A0
#C29BA8
#C194B1
#C08DB9
#BE84C4
#C6BC84
#C4B38F
#C3AA99
#C1A1A4
#C098AE
#BE8FB9
#BC84C6
Colorpallet from #C684BC to #84C6BC and to #84BCC6
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#BB8FBC
#BB8FBC
#BB8EBD
#BB8EBD
#BB8EBD
#BB8DBE
#BB8DBE
#B199BC
#B199BC
#B198BD
#B198BD
#B197BE
#B197BE
#B196BF
#A6A4BC
#A6A3BD
#A6A2BE
#A6A2BE
#A6A1BF
#A6A0C0
#A69FC1
#9CAEBC
#9CADBD
#9CACBE
#9CABBF
#9CAAC0
#9CA9C1
#9CA8C2
#91B9BC
#91B8BD
#91B6BF
#91B5C0
#91B4C1
#91B3C2
#91B1C4
#84C6BC
#84C4BE
#84C3BF
#84C1C1
#84C0C2
#84BEC4
#84BCC6
Colorpallet from #C684BC to #84C6BC and to #BCC684
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#BB8FBC
#BC8FBB
#BE8FB9
#BF8FB8
#C18FB6
#C28FB5
#C48FB3
#B199BC
#B499B9
#B799B6
#BA99B3
#BD99B0
#BF99AE
#C399AA
#A6A4BC
#AAA4B8
#AFA4B3
#B3A4AF
#B7A4AB
#BCA4A6
#C1A4A1
#9CAEBC
#A2AEB6
#A8AEB0
#ADAEAB
#B3AEA5
#B9AE9F
#C0AE98
#91B9BC
#98B9B5
#9FB9AE
#A7B9A6
#AEB99F
#B5B998
#BEB98F
#84C6BC
#8DC6B3
#96C6AA
#9FC6A1
#A8C698
#B1C68F
#BCC684
Colorpallet from #C684BC to #84C6BC and to #BC84C6
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#BB8FBC
#BC8DBC
#BE8BBD
#BF8ABD
#C188BD
#C286BE
#C484BE
#B199BC
#B496BC
#B792BD
#BA8FBD
#BD8CBE
#BF88BE
#C384BF
#A6A4BC
#AA9FBD
#AF9ABE
#B395BE
#B790BF
#BC8AC0
#C184C1
#9CAEBC
#A2A7BD
#A8A1BE
#AD9ABF
#B393C0
#B98CC1
#C084C2
#91B9BC
#98B1BD
#9FA8BF
#A7A0C0
#AE97C1
#B58FC2
#BE84C4
#84C6BC
#8DBBBE
#96B1BF
#9FA6C1
#A89CC2
#B191C4
#BC84C6
Colorpallet from #C684BC to #84BCC6 and to #BCC684
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#BB8DBE
#BC8DBC
#BE8EBA
#BF8EB9
#C18EB7
#C28FB5
#C48FB3
#B196BF
#B496BC
#B797B8
#BA97B5
#BD98B2
#BF98AE
#C399AA
#A69FC1
#AAA0BC
#AFA1B7
#B3A1B2
#B7A2AD
#BCA3A7
#C1A4A1
#9CA8C2
#A2A9BB
#A8AAB5
#ADABAE
#B3ACA7
#B9ADA0
#C0AE98
#91B1C4
#98B2BC
#9FB4B3
#A7B5AB
#AEB6A2
#B5B79A
#BEB98F
#84BCC6
#8DBEBB
#96BFB1
#9FC1A6
#A8C29C
#B1C491
#BCC684
Colorpallet from #C684BC to #84BCC6 and to #BC84C6
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#BB8DBE
#BC8CBE
#BE8ABE
#BF89BE
#C187BE
#C286BE
#C484BE
#B196BF
#B493BF
#B790BF
#BA8DBF
#BD8ABF
#BF88BF
#C384BF
#A69FC1
#AA9BC1
#AF96C1
#B392C1
#B78EC1
#BC89C1
#C184C1
#9CA8C2
#A2A2C2
#A89CC2
#AD97C2
#B391C2
#B98BC2
#C084C2
#91B1C4
#98AAC4
#9FA3C4
#A79BC4
#AE94C4
#B58DC4
#BE84C4
#84BCC6
#8DB3C6
#96AAC6
#9FA1C6
#A898C6
#B18FC6
#BC84C6
Colorpallet from #C684BC to #BCC684 and to #BC84C6
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C684BC
#C48FB3
#C48DB5
#C48BB7
#C48AB8
#C488BA
#C486BC
#C484BE
#C399AA
#C396AD
#C392B1
#C38FB4
#C38CB7
#C388BB
#C384BF
#C1A4A1
#C19FA6
#C19AAB
#C195B0
#C190B5
#C18ABB
#C184C1
#C0AE98
#C0A79F
#C0A1A5
#C09AAC
#C093B3
#C08CBA
#C084C2
#BEB98F
#BEB197
#BEA8A0
#BEA0A8
#BE97B1
#BE8FB9
#BE84C4
#BCC684
#BCBB8F
#BCB199
#BCA6A4
#BC9CAE
#BC91B9
#BC84C6
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
