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 #C386C0 to #C3C086 and to #86C3C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C38FB7
#C18FB8
#C08FBA
#BE8FBB
#BD90BD
#BB90BE
#B990C0
#C399AD
#C099B0
#BD99B3
#B999B6
#B69AB9
#B39ABC
#AF9AC0
#C3A2A4
#BEA2A8
#BAA2AD
#B5A2B1
#B0A3B6
#ACA3BA
#A6A3C0
#C3AB9B
#BDABA1
#B7ACA7
#B0ACAD
#AAACB3
#A4ADB9
#9CADC0
#C3B492
#BBB499
#B3B5A1
#ABB5A8
#A4B6AF
#9CB6B7
#92B7C0
#C3C086
#B9C08F
#AFC199
#A6C1A2
#9CC2AB
#92C2B4
#86C3C0
Colorpallet from #C386C0 to #C3C086 and to #86C0C3
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C38FB7
#C18FB8
#C08FBA
#BE8FBB
#BD8FBD
#BB8FBE
#B98FC0
#C399AD
#C099B0
#BD99B3
#B999B7
#B699BA
#B399BD
#AF99C1
#C3A2A4
#BEA2A9
#BAA2AD
#B5A2B2
#B0A2B7
#ACA2BB
#A6A2C1
#C3AB9B
#BDABA1
#B7ABA7
#B0ABAE
#AAABB4
#A4ABBA
#9CABC2
#C3B492
#BBB49A
#B3B4A1
#ABB4A9
#A4B4B1
#9CB4B8
#92B4C2
#C3C086
#B9C090
#AFC09A
#A6C0A3
#9CC0AD
#92C0B7
#86C0C3
Colorpallet from #C386C0 to #C3C086 and to #C0C386
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C38FB7
#C38FB7
#C38FB7
#C38FB7
#C390B7
#C390B7
#C390B7
#C399AD
#C399AD
#C399AD
#C399AD
#C29AAD
#C29AAD
#C29AAD
#C3A2A4
#C3A2A4
#C3A2A4
#C3A2A4
#C2A3A4
#C2A3A4
#C2A3A4
#C3AB9B
#C3AB9B
#C2AC9B
#C2AC9B
#C2AC9B
#C1AD9B
#C1AD9B
#C3B492
#C3B492
#C2B592
#C2B592
#C2B692
#C1B692
#C1B792
#C3C086
#C3C086
#C2C186
#C2C186
#C1C286
#C1C286
#C0C386
Colorpallet from #C386C0 to #C3C086 and to #C086C3
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C38FB7
#C38EB8
#C38CBA
#C38BBB
#C389BD
#C388BE
#C386C0
#C399AD
#C396B0
#C393B3
#C390B7
#C28DBA
#C28ABD
#C286C1
#C3A2A4
#C39EA9
#C399AD
#C395B2
#C290B7
#C28CBB
#C286C1
#C3AB9B
#C3A5A1
#C29FA7
#C299AE
#C293B4
#C18DBA
#C186C2
#C3B492
#C3AD9A
#C2A5A1
#C29EA9
#C297B1
#C18FB8
#C186C2
#C3C086
#C3B790
#C2AD9A
#C2A4A3
#C19BAD
#C192B7
#C086C3
Colorpallet from #C386C0 to #86C3C0 and to #86C0C3
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#B990C0
#B990C0
#B990C0
#B990C0
#B98FC0
#B98FC0
#B98FC0
#AF9AC0
#AF9AC0
#AF9AC0
#AF9AC0
#AF99C1
#AF99C1
#AF99C1
#A6A3C0
#A6A3C0
#A6A3C0
#A6A3C0
#A6A2C1
#A6A2C1
#A6A2C1
#9CADC0
#9CADC0
#9CACC1
#9CACC1
#9CACC1
#9CABC2
#9CABC2
#92B7C0
#92B7C0
#92B6C1
#92B6C1
#92B5C1
#92B5C2
#92B4C2
#86C3C0
#86C3C0
#86C2C1
#86C2C1
#86C1C2
#86C1C2
#86C0C3
Colorpallet from #C386C0 to #86C3C0 and to #C0C386
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#B990C0
#BB90BF
#BC90BD
#BE90BC
#BF90BA
#C190B9
#C390B7
#AF9AC0
#B29ABD
#B59ABA
#B89AB7
#BB9AB4
#BE9AB1
#C29AAD
#A6A3C0
#AAA3BC
#AFA3B7
#B3A3B3
#B8A3AE
#BCA3AA
#C2A3A4
#9CADC0
#A2ADBA
#A8ADB4
#AEADAE
#B4ADA8
#BAADA2
#C1AD9B
#92B7C0
#9AB7B9
#A1B7B1
#A9B7AA
#B0B7A3
#B8B79B
#C1B792
#86C3C0
#8FC3B7
#99C3AD
#A2C3A4
#ABC39B
#B4C392
#C0C386
Colorpallet from #C386C0 to #86C3C0 and to #C086C3
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#B990C0
#BB8EC0
#BC8DC0
#BE8BC0
#BF8AC0
#C188C0
#C386C0
#AF9AC0
#B297C0
#B594C0
#B890C0
#BB8DC1
#BE8AC1
#C286C1
#A6A3C0
#AA9EC0
#AF9AC0
#B395C0
#B890C1
#BC8CC1
#C286C1
#9CADC0
#A2A7C0
#A8A1C1
#AE9AC1
#B494C1
#BA8EC2
#C186C2
#92B7C0
#9AAFC0
#A1A7C1
#A99FC1
#B098C1
#B890C2
#C186C2
#86C3C0
#8FB9C0
#99AFC1
#A2A6C1
#AB9CC2
#B492C2
#C086C3
Colorpallet from #C386C0 to #86C0C3 and to #C0C386
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#B98FC0
#BB8FBF
#BC8FBD
#BE8FBC
#BF90BA
#C190B9
#C390B7
#AF99C1
#B299BE
#B599BB
#B899B7
#BB9AB4
#BE9AB1
#C29AAD
#A6A2C1
#AAA2BC
#AFA2B8
#B3A2B3
#B8A3AE
#BCA3AA
#C2A3A4
#9CABC2
#A2ABBC
#A8ACB6
#AEACAF
#B4ACA9
#BAADA3
#C1AD9B
#92B4C2
#9AB4BA
#A1B5B3
#A9B5AB
#B0B6A3
#B8B69C
#C1B792
#86C0C3
#8FC0B9
#99C1AF
#A2C1A6
#ABC29C
#B4C292
#C0C386
Colorpallet from #C386C0 to #86C0C3 and to #C086C3
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#B98FC0
#BB8EC0
#BC8CC0
#BE8BC0
#BF89C0
#C188C0
#C386C0
#AF99C1
#B296C1
#B593C1
#B890C1
#BB8DC1
#BE8AC1
#C286C1
#A6A2C1
#AA9EC1
#AF99C1
#B395C1
#B890C1
#BC8CC1
#C286C1
#9CABC2
#A2A5C2
#A89FC2
#AE99C2
#B493C2
#BA8DC2
#C186C2
#92B4C2
#9AADC2
#A1A5C2
#A99EC2
#B097C2
#B88FC2
#C186C2
#86C0C3
#8FB7C3
#99ADC3
#A2A4C3
#AB9BC3
#B492C3
#C086C3
Colorpallet from #C386C0 to #C0C386 and to #C086C3
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C386C0
#C390B7
#C38EB8
#C38DBA
#C38BBB
#C38ABD
#C388BE
#C386C0
#C29AAD
#C297B0
#C294B3
#C290B7
#C28DBA
#C28ABD
#C286C1
#C2A3A4
#C29EA9
#C29AAD
#C295B2
#C290B7
#C28CBB
#C286C1
#C1AD9B
#C1A7A1
#C1A1A7
#C19AAE
#C194B4
#C18EBA
#C186C2
#C1B792
#C1AF9A
#C1A7A1
#C19FA9
#C198B1
#C190B8
#C186C2
#C0C386
#C0B990
#C0AF9A
#C0A6A3
#C09CAD
#C092B7
#C086C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
