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 #C580CA to #C5CA80 and to #80C5CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C58CBE
#C38CC0
#C18CC2
#C08CC4
#BE8BC6
#BC8BC8
#BA8BCA
#C598B2
#C198B6
#BE97BA
#BA97BE
#B797C1
#B396C5
#AF96CA
#C5A4A6
#C0A4AC
#BAA3B2
#B5A3B7
#B0A2BD
#ABA2C3
#A4A1CA
#C5AF9B
#BEAFA3
#B7AEAA
#B0AEB2
#A9ADB9
#A2ADC1
#99ACCA
#C5BB8F
#BCBA98
#B3BAA2
#ABB9AB
#A2B8B5
#99B8BE
#8EB7CA
#C5CA80
#BAC98C
#AFC898
#A4C8A4
#99C7AF
#8EC6BB
#80C5CA
Colorpallet from #C580CA to #C5CA80 and to #80CAC5
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C58CBE
#C38CC0
#C18CC2
#C08CC3
#BE8CC5
#BC8CC7
#BA8CC9
#C598B2
#C198B6
#BE98B9
#BA98BD
#B798C0
#B398C4
#AF98C8
#C5A4A6
#C0A4AB
#BAA4B1
#B5A4B6
#B0A4BC
#ABA4C1
#A4A4C8
#C5AF9B
#BEAFA2
#B7AFA9
#B0AFB0
#A9AFB7
#A2AFBE
#99AFC7
#C5BB8F
#BCBB98
#B3BBA1
#ABBBA9
#A2BBB2
#99BBBB
#8EBBC6
#C5CA80
#BACA8B
#AFCA96
#A4CAA1
#99CAAC
#8ECAB7
#80CAC5
Colorpallet from #C580CA to #C5CA80 and to #CAC580
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C58CBE
#C58CBE
#C58CBE
#C58CBE
#C68BBE
#C68BBE
#C68BBE
#C598B2
#C598B2
#C697B2
#C697B2
#C697B2
#C796B2
#C796B2
#C5A4A6
#C5A4A6
#C6A3A6
#C6A3A6
#C6A2A6
#C7A2A6
#C7A1A6
#C5AF9B
#C5AF9B
#C6AE9B
#C6AE9B
#C7AD9B
#C7AD9B
#C8AC9B
#C5BB8F
#C6BA8F
#C6BA8F
#C7B98F
#C8B88F
#C8B88F
#C9B78F
#C5CA80
#C6C980
#C7C880
#C7C880
#C8C780
#C9C680
#CAC580
Colorpallet from #C580CA to #C5CA80 and to #CA80C5
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C58CBE
#C58AC0
#C588C2
#C586C3
#C684C5
#C682C7
#C680C9
#C598B2
#C594B6
#C690B9
#C68CBD
#C689C0
#C785C4
#C780C8
#C5A4A6
#C59EAB
#C698B1
#C693B6
#C68DBC
#C787C1
#C780C8
#C5AF9B
#C5A7A2
#C6A0A9
#C698B0
#C791B7
#C789BE
#C880C7
#C5BB8F
#C6B298
#C6A8A1
#C79FA9
#C895B2
#C88CBB
#C980C6
#C5CA80
#C6BE8B
#C7B296
#C7A6A1
#C89BAC
#C98FB7
#CA80C5
Colorpallet from #C580CA to #80C5CA and to #80CAC5
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#BA8BCA
#BA8BCA
#BA8BCA
#BA8BCA
#BA8CC9
#BA8CC9
#BA8CC9
#AF96CA
#AF96CA
#AF97C9
#AF97C9
#AF97C9
#AF98C8
#AF98C8
#A4A1CA
#A4A1CA
#A4A2C9
#A4A2C9
#A4A3C9
#A4A3C8
#A4A4C8
#99ACCA
#99ACCA
#99ADC9
#99ADC9
#99AEC8
#99AEC8
#99AFC7
#8EB7CA
#8EB8C9
#8EB8C9
#8EB9C8
#8EBAC7
#8EBAC7
#8EBBC6
#80C5CA
#80C6C9
#80C7C8
#80C7C8
#80C8C7
#80C9C6
#80CAC5
Colorpallet from #C580CA to #80C5CA and to #CAC580
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#BA8BCA
#BC8BC8
#BE8BC6
#C08BC4
#C28BC2
#C48BC0
#C68BBE
#AF96CA
#B396C6
#B796C2
#BB96BE
#BE96BB
#C296B7
#C796B2
#A4A1CA
#AAA1C4
#AFA1BE
#B5A1B9
#BAA1B3
#C0A1AD
#C7A1A6
#99ACCA
#A1ACC2
#A8ACBB
#B0ACB3
#B7ACAC
#BFACA4
#C8AC9B
#8EB7CA
#97B7C1
#A1B7B7
#AAB7AE
#B4B7A4
#BDB79B
#C9B78F
#80C5CA
#8CC5BE
#98C5B2
#A4C5A6
#AFC59B
#BBC58F
#CAC580
Colorpallet from #C580CA to #80C5CA and to #CA80C5
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#BA8BCA
#BC89CA
#BE87CA
#C086CA
#C284C9
#C482C9
#C680C9
#AF96CA
#B392CA
#B78FC9
#BB8BC9
#BE88C9
#C284C8
#C780C8
#A4A1CA
#AA9CCA
#AF96C9
#B591C9
#BA8CC9
#C087C8
#C780C8
#99ACCA
#A1A5CA
#A89EC9
#B097C9
#B790C8
#BF89C8
#C880C7
#8EB7CA
#97AEC9
#A1A5C9
#AA9DC8
#B494C7
#BD8BC7
#C980C6
#80C5CA
#8CBAC9
#98AFC8
#A4A4C8
#AF99C7
#BB8EC6
#CA80C5
Colorpallet from #C580CA to #80CAC5 and to #CAC580
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#BA8CC9
#BC8CC7
#BE8CC5
#C08CC4
#C28BC2
#C48BC0
#C68BBE
#AF98C8
#B398C4
#B797C1
#BB97BD
#BE97BA
#C296B6
#C796B2
#A4A4C8
#AAA4C3
#AFA3BD
#B5A3B8
#BAA2B2
#C0A2AD
#C7A1A6
#99AFC7
#A1AFC0
#A8AEB9
#B0AEB2
#B7ADAB
#BFADA4
#C8AC9B
#8EBBC6
#97BABD
#A1BAB4
#AAB9AC
#B4B8A3
#BDB89A
#C9B78F
#80CAC5
#8CC9BA
#98C8AF
#A4C8A4
#AFC799
#BBC68E
#CAC580
Colorpallet from #C580CA to #80CAC5 and to #CA80C5
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#BA8CC9
#BC8AC9
#BE88C9
#C086C9
#C284C9
#C482C9
#C680C9
#AF98C8
#B394C8
#B790C8
#BB8CC8
#BE89C8
#C285C8
#C780C8
#A4A4C8
#AA9EC8
#AF98C8
#B593C8
#BA8DC8
#C087C8
#C780C8
#99AFC7
#A1A7C7
#A8A0C7
#B098C7
#B791C7
#BF89C7
#C880C7
#8EBBC6
#97B2C6
#A1A8C6
#AA9FC6
#B495C6
#BD8CC6
#C980C6
#80CAC5
#8CBEC5
#98B2C5
#A4A6C5
#AF9BC5
#BB8FC5
#CA80C5
Colorpallet from #C580CA to #CAC580 and to #CA80C5
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C580CA
#C68BBE
#C689C0
#C687C2
#C686C3
#C684C5
#C682C7
#C680C9
#C796B2
#C792B6
#C78FB9
#C78BBD
#C788C0
#C784C4
#C780C8
#C7A1A6
#C79CAB
#C796B1
#C791B6
#C78CBC
#C787C1
#C780C8
#C8AC9B
#C8A5A2
#C89EA9
#C897B0
#C890B7
#C889BE
#C880C7
#C9B78F
#C9AE98
#C9A5A1
#C99DA9
#C994B2
#C98BBB
#C980C6
#CAC580
#CABA8B
#CAAF96
#CAA4A1
#CA99AC
#CA8EB7
#CA80C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
