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 #C382C8 to #C3C882 and to #82C3C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C38DBD
#C18DBF
#C08DC1
#BE8DC2
#BD8CC4
#BB8CC6
#B98CC8
#C398B2
#C098B6
#BC98B9
#B998BD
#B697C0
#B297C4
#AE97C8
#C3A4A6
#BEA4AB
#B9A3B1
#B4A3B6
#AFA2BC
#AAA2C1
#A4A1C8
#C3AF9B
#BCAFA2
#B6AEA9
#AFAEB1
#A8ADB8
#A1ADBF
#99ACC8
#C3BA90
#BBB999
#B2B9A2
#AAB8AB
#A2B7B4
#99B7BD
#8FB6C8
#C3C882
#B9C78D
#AEC698
#A4C6A4
#99C5AF
#8FC4BA
#82C3C8
Colorpallet from #C382C8 to #C3C882 and to #82C8C3
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C38DBD
#C18DBF
#C08DC0
#BE8DC2
#BD8DC3
#BB8DC5
#B98DC7
#C398B2
#C098B5
#BC98B8
#B998BC
#B698BF
#B298C2
#AE98C6
#C3A4A6
#BEA4AB
#B9A4B0
#B4A4B5
#AFA4BA
#AAA4C0
#A4A4C6
#C3AF9B
#BCAFA2
#B6AFA8
#AFAFAF
#A8AFB6
#A1AFBD
#99AFC5
#C3BA90
#BBBA98
#B2BAA1
#AABAA9
#A2BAB1
#99BABA
#8FBAC4
#C3C882
#B9C88C
#AEC897
#A4C8A1
#99C8AC
#8FC8B6
#82C8C3
Colorpallet from #C382C8 to #C3C882 and to #C8C382
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C38DBD
#C38DBD
#C38DBD
#C38DBD
#C48CBD
#C48CBD
#C48CBD
#C398B2
#C398B2
#C498B2
#C498B2
#C497B2
#C597B2
#C597B2
#C3A4A6
#C3A4A6
#C4A3A6
#C4A3A6
#C4A2A6
#C5A2A6
#C5A1A6
#C3AF9B
#C3AF9B
#C4AE9B
#C4AE9B
#C5AD9B
#C5AD9B
#C6AC9B
#C3BA90
#C4B990
#C4B990
#C5B890
#C6B790
#C6B790
#C7B690
#C3C882
#C4C782
#C5C682
#C5C682
#C6C582
#C7C482
#C8C382
Colorpallet from #C382C8 to #C3C882 and to #C882C3
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C38DBD
#C38BBF
#C389C0
#C388C2
#C486C3
#C484C5
#C482C7
#C398B2
#C394B5
#C491B8
#C48DBC
#C48ABF
#C586C2
#C582C6
#C3A4A6
#C39FAB
#C499B0
#C494B5
#C48EBA
#C589C0
#C582C6
#C3AF9B
#C3A8A2
#C4A1A8
#C499AF
#C592B6
#C58BBD
#C682C5
#C3BA90
#C4B198
#C4A8A1
#C59FA9
#C696B1
#C68DBA
#C782C4
#C3C882
#C4BD8C
#C5B297
#C5A6A1
#C69BAC
#C790B6
#C882C3
Colorpallet from #C382C8 to #82C3C8 and to #82C8C3
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#B98CC8
#B98CC8
#B98CC8
#B98CC8
#B98DC7
#B98DC7
#B98DC7
#AE97C8
#AE97C8
#AE97C7
#AE97C7
#AE98C7
#AE98C6
#AE98C6
#A4A1C8
#A4A1C8
#A4A2C7
#A4A2C7
#A4A3C7
#A4A3C6
#A4A4C6
#99ACC8
#99ACC8
#99ADC7
#99ADC7
#99AEC6
#99AEC6
#99AFC5
#8FB6C8
#8FB7C7
#8FB7C7
#8FB8C6
#8FB9C5
#8FB9C5
#8FBAC4
#82C3C8
#82C4C7
#82C5C6
#82C5C6
#82C6C5
#82C7C4
#82C8C3
Colorpallet from #C382C8 to #82C3C8 and to #C8C382
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#B98CC8
#BB8CC6
#BD8CC4
#BE8CC3
#C08CC1
#C28CBF
#C48CBD
#AE97C8
#B297C4
#B597C1
#B997BD
#BD97BA
#C097B6
#C597B2
#A4A1C8
#A9A1C3
#AFA1BD
#B4A1B8
#B9A1B2
#BEA1AD
#C5A1A6
#99ACC8
#A0ACC1
#A7ACBA
#AFACB2
#B6ACAB
#BDACA4
#C6AC9B
#8FB6C8
#98B6BF
#A1B6B6
#AAB6AD
#B3B6A4
#BCB69B
#C7B690
#82C3C8
#8DC3BD
#98C3B2
#A4C3A6
#AFC39B
#BAC390
#C8C382
Colorpallet from #C382C8 to #82C3C8 and to #C882C3
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#B98CC8
#BB8AC8
#BD89C8
#BE87C8
#C086C7
#C284C7
#C482C7
#AE97C8
#B294C8
#B590C7
#B98DC7
#BD8AC7
#C086C6
#C582C6
#A4A1C8
#A99CC8
#AF97C7
#B492C7
#B98DC7
#BE88C6
#C582C6
#99ACC8
#A0A5C8
#A79FC7
#AF98C7
#B691C6
#BD8AC6
#C682C5
#8FB6C8
#98AEC7
#A1A5C7
#AA9DC6
#B395C5
#BC8CC5
#C782C4
#82C3C8
#8DB9C7
#98AEC6
#A4A4C6
#AF99C5
#BA8FC4
#C882C3
Colorpallet from #C382C8 to #82C8C3 and to #C8C382
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#B98DC7
#BB8DC5
#BD8DC4
#BE8DC2
#C08CC1
#C28CBF
#C48CBD
#AE98C6
#B298C3
#B598C0
#B998BC
#BD97B9
#C097B6
#C597B2
#A4A4C6
#A9A4C1
#AFA3BC
#B4A3B7
#B9A2B2
#BEA2AC
#C5A1A6
#99AFC5
#A0AFBE
#A7AEB8
#AFAEB1
#B6ADAA
#BDADA3
#C6AC9B
#8FBAC4
#98B9BC
#A1B9B3
#AAB8AB
#B3B7A3
#BCB79A
#C7B690
#82C8C3
#8DC7B9
#98C6AE
#A4C6A4
#AFC599
#BAC48F
#C8C382
Colorpallet from #C382C8 to #82C8C3 and to #C882C3
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#B98DC7
#BB8BC7
#BD89C7
#BE88C7
#C086C7
#C284C7
#C482C7
#AE98C6
#B294C6
#B591C6
#B98DC6
#BD8AC6
#C086C6
#C582C6
#A4A4C6
#A99FC6
#AF99C6
#B494C6
#B98EC6
#BE89C6
#C582C6
#99AFC5
#A0A8C5
#A7A1C5
#AF99C5
#B692C5
#BD8BC5
#C682C5
#8FBAC4
#98B1C4
#A1A8C4
#AA9FC4
#B396C4
#BC8DC4
#C782C4
#82C8C3
#8DBDC3
#98B2C3
#A4A6C3
#AF9BC3
#BA90C3
#C882C3
Colorpallet from #C382C8 to #C8C382 and to #C882C3
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C382C8
#C48CBD
#C48ABF
#C489C0
#C487C2
#C486C3
#C484C5
#C482C7
#C597B2
#C594B5
#C590B8
#C58DBC
#C58ABF
#C586C2
#C582C6
#C5A1A6
#C59CAB
#C597B0
#C592B5
#C58DBA
#C588C0
#C582C6
#C6AC9B
#C6A5A2
#C69FA8
#C698AF
#C691B6
#C68ABD
#C682C5
#C7B690
#C7AE98
#C7A5A1
#C79DA9
#C795B1
#C78CBA
#C782C4
#C8C382
#C8B98C
#C8AE97
#C8A4A1
#C899AC
#C88FB6
#C882C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
