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 #C1CF8C to #C18CCF and to #CFC18C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1C497
#C1C595
#C2C793
#C2C892
#C2CA90
#C3CB8E
#C3CD8C
#C1BAA1
#C2BD9E
#C2BF9A
#C3C297
#C4C594
#C4C890
#C5CB8C
#C1AFAC
#C2B3A7
#C3B7A2
#C4BB9D
#C5BF98
#C7C392
#C8C88C
#C1A4B7
#C2A9B0
#C4AFA9
#C5B4A2
#C7BA9B
#C8BF95
#CAC68C
#C199C2
#C3A0B9
#C5A7B1
#C6AEA8
#C8B59F
#CABB97
#CCC48C
#C18CCF
#C394C4
#C59DBA
#C8A5AF
#CAAEA4
#CCB699
#CFC18C
Colorpallet from #C1CF8C to #C18CCF and to #CF8CC1
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1C497
#C1C497
#C2C496
#C2C496
#C2C495
#C3C495
#C3C494
#C1BAA1
#C2BAA0
#C2BAA0
#C3BA9F
#C4BA9E
#C4BA9E
#C5BA9D
#C1AFAC
#C2AFAB
#C3AFAA
#C4AFA9
#C5AFA8
#C7AFA6
#C8AFA5
#C1A4B7
#C2A4B6
#C4A4B4
#C5A4B3
#C7A4B1
#C8A4B0
#CAA4AE
#C199C2
#C399C0
#C599BE
#C699BC
#C899BA
#CA99B8
#CC99B6
#C18CCF
#C38CCD
#C58CCB
#C88CC8
#CA8CC6
#CC8CC4
#CF8CC1
Colorpallet from #C1CF8C to #C18CCF and to #8CC1CF
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1C497
#C0C597
#BEC797
#BDC897
#BCCA97
#BBCB97
#B9CD97
#C1BAA1
#BEBDA1
#BCBFA1
#B9C2A1
#B6C5A1
#B3C8A1
#B0CBA1
#C1AFAC
#BDB3AC
#B9B7AC
#B5BBAC
#B1BFAC
#ADC3AC
#A8C8AC
#C1A4B7
#BCA9B7
#B6AFB7
#B1B4B7
#ABBAB7
#A6BFB7
#9FC6B7
#C199C2
#BAA0C2
#B4A7C2
#ADAEC2
#A6B5C2
#9FBBC2
#97C4C2
#C18CCF
#B994CF
#B09DCF
#A8A5CF
#9FAECF
#97B6CF
#8CC1CF
Colorpallet from #C1CF8C to #C18CCF and to #8CCFC1
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1C497
#C0C697
#BEC896
#BDC996
#BCCB95
#BBCD95
#B9CF94
#C1BAA1
#BEBDA0
#BCC1A0
#B9C49F
#B6C79E
#B3CB9E
#B0CF9D
#C1AFAC
#BDB4AB
#B9B9AA
#B5BEA9
#B1C3A8
#ADC9A6
#A8CFA5
#C1A4B7
#BCABB6
#B6B2B4
#B1B9B3
#ABC0B1
#A6C6B0
#9FCFAE
#C199C2
#BAA2C0
#B4AABE
#ADB3BC
#A6BCBA
#9FC4B8
#97CFB6
#C18CCF
#B997CD
#B0A1CB
#A8ACC8
#9FB7C6
#97C2C4
#8CCFC1
Colorpallet from #C1CF8C to #CFC18C and to #CF8CC1
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C3CD8C
#C3CC8D
#C3CA8F
#C3C990
#C3C791
#C3C692
#C3C494
#C5CB8C
#C5C88F
#C5C691
#C5C394
#C5C097
#C5BD9A
#C5BA9D
#C8C88C
#C8C490
#C8C094
#C8BC98
#C8B89C
#C8B4A0
#C8AFA5
#CAC68C
#CAC191
#CABB97
#CAB69C
#CAB0A2
#CAABA7
#CAA4AE
#CCC48C
#CCBD93
#CCB699
#CCAFA0
#CCA8A7
#CCA2AE
#CC99B6
#CFC18C
#CFB994
#CFB09D
#CFA8A5
#CF9FAE
#CF97B6
#CF8CC1
Colorpallet from #C1CF8C to #CFC18C and to #8CC1CF
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C3CD8C
#C1CD8E
#C0CD90
#BECD91
#BDCD93
#BBCD95
#B9CD97
#C5CB8C
#C2CB8F
#BECB93
#BBCB96
#B8CB99
#B4CB9D
#B0CBA1
#C8C88C
#C3C891
#BEC896
#B9C89B
#B4C8A0
#AEC8A6
#A8C8AC
#CAC68C
#C3C693
#BCC69A
#B5C6A1
#AEC6A8
#A8C6AE
#9FC6B7
#CCC48C
#C4C495
#BBC49D
#B3C4A6
#AAC4AF
#A2C4B7
#97C4C2
#CFC18C
#C4C197
#BAC1A1
#AFC1AC
#A4C1B7
#99C1C2
#8CC1CF
Colorpallet from #C1CF8C to #CFC18C and to #8CCFC1
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C3CD8C
#C1CD8D
#C0CE8F
#BECE90
#BDCE91
#BBCF92
#B9CF94
#C5CB8C
#C2CC8F
#BECC91
#BBCD94
#B8CE97
#B4CE9A
#B0CF9D
#C8C88C
#C3C990
#BECA94
#B9CB98
#B4CC9C
#AECEA0
#A8CFA5
#CAC68C
#C3C791
#BCC997
#B5CA9C
#AECCA2
#A8CDA7
#9FCFAE
#CCC48C
#C4C693
#BBC899
#B3C9A0
#AACBA7
#A2CDAE
#97CFB6
#CFC18C
#C4C394
#BAC59D
#AFC8A5
#A4CAAE
#99CCB6
#8CCFC1
Colorpallet from #C1CF8C to #CF8CC1 and to #8CC1CF
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C3C494
#C1C594
#C0C795
#BEC895
#BDCA96
#BBCB96
#B9CD97
#C5BA9D
#C2BD9E
#BEBF9E
#BBC29F
#B8C5A0
#B4C8A0
#B0CBA1
#C8AFA5
#C3B3A6
#BEB7A7
#B9BBA8
#B4BFA9
#AEC3AB
#A8C8AC
#CAA4AE
#C3A9AF
#BCAFB1
#B5B4B2
#AEBAB4
#A8BFB5
#9FC6B7
#CC99B6
#C4A0B8
#BBA7BA
#B3AEBC
#AAB5BE
#A2BBC0
#97C4C2
#CF8CC1
#C494C3
#BA9DC5
#AFA5C8
#A4AECA
#99B6CC
#8CC1CF
Colorpallet from #C1CF8C to #CF8CC1 and to #8CCFC1
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C3C494
#C1C694
#C0C894
#BEC994
#BDCB94
#BBCD94
#B9CF94
#C5BA9D
#C2BD9D
#BEC19D
#BBC49D
#B8C79D
#B4CB9D
#B0CF9D
#C8AFA5
#C3B4A5
#BEB9A5
#B9BEA5
#B4C3A5
#AEC9A5
#A8CFA5
#CAA4AE
#C3ABAE
#BCB2AE
#B5B9AE
#AEC0AE
#A8C6AE
#9FCFAE
#CC99B6
#C4A2B6
#BBAAB6
#B3B3B6
#AABCB6
#A2C4B6
#97CFB6
#CF8CC1
#C497C1
#BAA1C1
#AFACC1
#A4B7C1
#99C2C1
#8CCFC1
Colorpallet from #C1CF8C to #8CC1CF and to #8CCFC1
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#C1CF8C
#B9CD97
#B9CD97
#B9CE96
#B9CE96
#B9CE95
#B9CF95
#B9CF94
#B0CBA1
#B0CCA0
#B0CCA0
#B0CD9F
#B0CE9E
#B0CE9E
#B0CF9D
#A8C8AC
#A8C9AB
#A8CAAA
#A8CBA9
#A8CCA8
#A8CEA6
#A8CFA5
#9FC6B7
#9FC7B6
#9FC9B4
#9FCAB3
#9FCCB1
#9FCDB0
#9FCFAE
#97C4C2
#97C6C0
#97C8BE
#97C9BC
#97CBBA
#97CDB8
#97CFB6
#8CC1CF
#8CC3CD
#8CC5CB
#8CC8C8
#8CCAC6
#8CCCC4
#8CCFC1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
