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 #C4C782 to #C482C7 and to #C7C482
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4BC8D
#C4BE8B
#C4C089
#C4C188
#C4C386
#C4C584
#C4C782
#C4B198
#C4B494
#C4B891
#C4BB8D
#C5BE8A
#C5C286
#C5C682
#C4A6A3
#C4AB9E
#C4B098
#C4B593
#C5BA8E
#C5C089
#C5C682
#C49BAE
#C4A2A7
#C5A8A0
#C5AF99
#C5B692
#C6BD8B
#C6C582
#C490B9
#C498B0
#C5A1A7
#C5A99F
#C5B296
#C6BA8D
#C6C582
#C482C7
#C48DBC
#C597B1
#C5A2A6
#C6AC9B
#C6B790
#C7C482
Colorpallet from #C4C782 to #C482C7 and to #C782C4
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4BC8D
#C4BC8D
#C4BC8D
#C4BC8D
#C4BC8D
#C4BC8D
#C4BC8D
#C4B198
#C4B198
#C4B198
#C4B198
#C5B197
#C5B197
#C5B197
#C4A6A3
#C4A6A3
#C4A6A3
#C4A6A3
#C5A6A2
#C5A6A2
#C5A6A2
#C49BAE
#C49BAE
#C59BAD
#C59BAD
#C59BAD
#C69BAC
#C69BAC
#C490B9
#C490B9
#C590B8
#C590B8
#C590B8
#C690B7
#C690B7
#C482C7
#C482C7
#C582C6
#C582C6
#C682C5
#C682C5
#C782C4
Colorpallet from #C4C782 to #C482C7 and to #82C4C7
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4BC8D
#C2BE8D
#C0C08D
#BFC18D
#BDC38D
#BBC58D
#B9C78D
#C4B198
#C1B498
#BDB898
#BABB98
#B7BE98
#B3C298
#AFC698
#C4A6A3
#BFABA3
#BAB0A3
#B5B5A3
#B0BAA3
#AAC0A3
#A4C6A3
#C49BAE
#BDA2AE
#B7A8AE
#B0AFAE
#A9B6AE
#A2BDAE
#9AC5AE
#C490B9
#BC98B9
#B3A1B9
#ABA9B9
#A2B2B9
#9ABAB9
#8FC5B9
#C482C7
#B98DC7
#AF97C7
#A4A2C7
#9AACC7
#8FB7C7
#82C4C7
Colorpallet from #C4C782 to #C482C7 and to #82C7C4
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4BC8D
#C2BE8D
#C0C08D
#BFC18D
#BDC38D
#BBC58D
#B9C78D
#C4B198
#C1B598
#BDB898
#BABC98
#B7BF97
#B3C397
#AFC797
#C4A6A3
#BFABA3
#BAB1A3
#B5B6A3
#B0BBA2
#AAC0A2
#A4C7A2
#C49BAE
#BDA2AE
#B7A9AD
#B0B0AD
#A9B7AD
#A2BEAC
#9AC7AC
#C490B9
#BC99B9
#B3A2B8
#ABAAB8
#A2B3B8
#9ABCB7
#8FC7B7
#C482C7
#B98DC7
#AF98C6
#A4A3C6
#9AAEC5
#8FB9C5
#82C7C4
Colorpallet from #C4C782 to #C7C482 and to #C782C4
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C584
#C4C386
#C4C287
#C4C089
#C4BE8B
#C4BC8D
#C5C682
#C5C385
#C5BF89
#C5BC8C
#C5B98F
#C5B593
#C5B197
#C5C682
#C5C187
#C5BC8C
#C5B791
#C5B296
#C5AC9C
#C5A6A2
#C6C582
#C6BE89
#C6B88F
#C6B196
#C6AA9D
#C6A3A4
#C69BAC
#C6C582
#C6BD8A
#C6B493
#C6AC9B
#C6A3A4
#C69BAC
#C690B7
#C7C482
#C7B98D
#C7AF97
#C7A4A2
#C79AAC
#C78FB7
#C782C4
Colorpallet from #C4C782 to #C7C482 and to #82C4C7
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C2C784
#C0C786
#BFC787
#BDC789
#BBC78B
#B9C78D
#C5C682
#C1C686
#BEC689
#BAC68D
#B7C690
#B3C694
#AFC698
#C5C682
#C0C687
#BAC68D
#B5C692
#B0C697
#ABC69C
#A4C6A3
#C6C582
#BFC589
#B8C590
#B1C597
#AAC59E
#A3C5A5
#9AC5AE
#C6C582
#BDC58B
#B4C594
#ACC59C
#A3C5A5
#9AC5AE
#8FC5B9
#C7C482
#BCC48D
#B1C498
#A6C4A3
#9BC4AE
#90C4B9
#82C4C7
Colorpallet from #C4C782 to #C7C482 and to #82C7C4
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C2C784
#C0C786
#BFC787
#BDC789
#BBC78B
#B9C78D
#C5C682
#C1C685
#BEC689
#BAC68C
#B7C78F
#B3C793
#AFC797
#C5C682
#C0C687
#BAC68C
#B5C691
#B0C796
#ABC79C
#A4C7A2
#C6C582
#BFC589
#B8C68F
#B1C696
#AAC69D
#A3C7A4
#9AC7AC
#C6C582
#BDC58A
#B4C693
#ACC69B
#A3C6A4
#9AC7AC
#8FC7B7
#C7C482
#BCC48D
#B1C597
#A6C5A2
#9BC6AC
#90C6B7
#82C7C4
Colorpallet from #C4C782 to #C782C4 and to #82C4C7
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4BC8D
#C2BE8D
#C0C08D
#BFC18D
#BDC38D
#BBC58D
#B9C78D
#C5B197
#C1B497
#BEB897
#BABB97
#B7BE98
#B3C298
#AFC698
#C5A6A2
#C0ABA2
#BAB0A2
#B5B5A2
#B0BAA3
#ABC0A3
#A4C6A3
#C69BAC
#BFA2AC
#B8A8AD
#B1AFAD
#AAB6AD
#A3BDAE
#9AC5AE
#C690B7
#BD98B7
#B4A1B8
#ACA9B8
#A3B2B8
#9ABAB9
#8FC5B9
#C782C4
#BC8DC4
#B197C5
#A6A2C5
#9BACC6
#90B7C6
#82C4C7
Colorpallet from #C4C782 to #C782C4 and to #82C7C4
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4BC8D
#C2BE8D
#C0C08D
#BFC18D
#BDC38D
#BBC58D
#B9C78D
#C5B197
#C1B597
#BEB897
#BABC97
#B7BF97
#B3C397
#AFC797
#C5A6A2
#C0ABA2
#BAB1A2
#B5B6A2
#B0BBA2
#ABC0A2
#A4C7A2
#C69BAC
#BFA2AC
#B8A9AC
#B1B0AC
#AAB7AC
#A3BEAC
#9AC7AC
#C690B7
#BD99B7
#B4A2B7
#ACAAB7
#A3B3B7
#9ABCB7
#8FC7B7
#C782C4
#BC8DC4
#B198C4
#A6A3C4
#9BAEC4
#90B9C4
#82C7C4
Colorpallet from #C4C782 to #82C4C7 and to #82C7C4
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#C4C782
#B9C78D
#B9C78D
#B9C78D
#B9C78D
#B9C78D
#B9C78D
#B9C78D
#AFC698
#AFC698
#AFC698
#AFC698
#AFC797
#AFC797
#AFC797
#A4C6A3
#A4C6A3
#A4C6A3
#A4C6A3
#A4C7A2
#A4C7A2
#A4C7A2
#9AC5AE
#9AC5AE
#9AC6AD
#9AC6AD
#9AC6AD
#9AC7AC
#9AC7AC
#8FC5B9
#8FC5B9
#8FC6B8
#8FC6B8
#8FC6B8
#8FC7B7
#8FC7B7
#82C4C7
#82C4C7
#82C5C6
#82C5C6
#82C6C5
#82C6C5
#82C7C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
