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 #C4B684 to #C484B6 and to #B6C484
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4AE8C
#C4B08B
#C3B189
#C3B388
#C3B487
#C2B686
#C2B884
#C4A694
#C3A991
#C3AC8F
#C2B08C
#C1B38A
#C1B687
#C0BA84
#C49E9C
#C3A398
#C2A894
#C1AD90
#C0B28D
#BEB789
#BDBD84
#C496A4
#C39D9F
#C1A39A
#C0AA95
#BEB090
#BDB78A
#BBBF84
#C48EAC
#C296A6
#C09E9F
#BFA699
#BDAF92
#BBB78C
#B9C184
#C484B6
#C28EAE
#C098A6
#BDA39E
#BBAD96
#B9B78E
#B6C484
Colorpallet from #C4B684 to #C484B6 and to #B684C4
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4AE8C
#C4AE8C
#C3AE8D
#C3AE8D
#C3AE8D
#C2AE8E
#C2AE8E
#C4A694
#C3A695
#C3A695
#C2A696
#C1A697
#C1A697
#C0A698
#C49E9C
#C39E9D
#C29E9E
#C19E9F
#C09EA0
#BE9EA2
#BD9EA3
#C496A4
#C396A5
#C196A7
#C096A8
#BE96AA
#BD96AB
#BB96AD
#C48EAC
#C28EAE
#C08EB0
#BF8EB1
#BD8EB3
#BB8EB5
#B98EB7
#C484B6
#C284B8
#C084BA
#BD84BD
#BB84BF
#B984C1
#B684C4
Colorpallet from #C4B684 to #C484B6 and to #84C4B6
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4AE8C
#C2B08C
#C1B18C
#BFB38C
#BEB48C
#BCB68C
#BAB88C
#C4A694
#C1A994
#BEAC94
#BAB094
#B7B394
#B4B694
#B0BA94
#C49E9C
#BFA39C
#BAA89C
#B5AD9C
#B0B29C
#ABB79C
#A5BD9C
#C496A4
#BD9DA4
#B7A3A4
#B0AAA4
#AAB0A4
#A3B7A4
#9BBFA4
#C48EAC
#BC96AC
#B49EAC
#ACA6AC
#A3AFAC
#9BB7AC
#91C1AC
#C484B6
#BA8EB6
#B098B6
#A5A3B6
#9BADB6
#91B7B6
#84C4B6
Colorpallet from #C4B684 to #C484B6 and to #84B6C4
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4AE8C
#C2AF8C
#C1B18D
#BFB28D
#BEB38D
#BCB48E
#BAB68E
#C4A694
#C1A995
#BEAB95
#BAAE96
#B7B097
#B4B397
#B0B698
#C49E9C
#BFA29D
#BAA69E
#B5AA9F
#B0ADA0
#ABB1A2
#A5B6A3
#C496A4
#BD9BA5
#B7A0A7
#B0A5A8
#AAAAAA
#A3B0AB
#9BB6AD
#C48EAC
#BC94AE
#B49BB0
#ACA1B1
#A3A8B3
#9BAEB5
#91B6B7
#C484B6
#BA8CB8
#B094BA
#A59CBD
#9BA4BF
#91ACC1
#84B6C4
Colorpallet from #C4B684 to #B6C484 and to #B684C4
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C2B884
#C2B686
#C2B587
#C2B389
#C2B28A
#C2B08C
#C2AE8E
#C0BA84
#C0B787
#C0B48A
#C0B08E
#C0AD91
#C0AA94
#C0A698
#BDBD84
#BDB889
#BDB38E
#BDAE93
#BDA998
#BDA49D
#BD9EA3
#BBBF84
#BBB88B
#BBB291
#BBAB98
#BBA59E
#BB9EA5
#BB96AD
#B9C184
#B9B98C
#B9B194
#B9A99C
#B9A0A5
#B998AD
#B98EB7
#B6C484
#B6BA8E
#B6B098
#B6A5A3
#B69BAD
#B691B7
#B684C4
Colorpallet from #C4B684 to #B6C484 and to #84C4B6
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C2B884
#C1B885
#BFB887
#BEB888
#BDB889
#BCB88A
#BAB88C
#C0BA84
#BDBA87
#BBBA89
#B8BA8C
#B6BA8E
#B3BA91
#B0BA94
#BDBD84
#B9BD88
#B5BD8C
#B1BD90
#AEBD93
#AABD97
#A5BD9C
#BBBF84
#B6BF89
#B1BF8E
#ACBF93
#A7BF98
#A1BF9E
#9BBFA4
#B9C184
#B3C18A
#ACC191
#A6C197
#9FC19E
#99C1A4
#91C1AC
#B6C484
#AEC48C
#A6C494
#9EC49C
#96C4A4
#8EC4AC
#84C4B6
Colorpallet from #C4B684 to #B6C484 and to #84B6C4
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C2B884
#C1B886
#BFB787
#BEB789
#BDB78A
#BCB68C
#BAB68E
#C0BA84
#BDB987
#BBB98A
#B8B88E
#B6B791
#B3B794
#B0B698
#BDBD84
#B9BC89
#B5BB8E
#B1BA93
#AEB998
#AAB79D
#A5B6A3
#BBBF84
#B6BE8B
#B1BC91
#ACBB98
#A7B99E
#A1B8A5
#9BB6AD
#B9C184
#B3BF8C
#ACBD94
#A6BC9C
#9FBAA5
#99B8AD
#91B6B7
#B6C484
#AEC28E
#A6C098
#9EBDA3
#96BBAD
#8EB9B7
#84B6C4
Colorpallet from #C4B684 to #B684C4 and to #84C4B6
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C2AE8E
#C1B08E
#BFB18D
#BEB38D
#BDB48D
#BCB68C
#BAB88C
#C0A698
#BDA997
#BBAC97
#B8B096
#B6B395
#B3B695
#B0BA94
#BD9EA3
#B9A3A2
#B5A8A1
#B1ADA0
#AEB29F
#AAB79D
#A5BD9C
#BB96AD
#B69DAC
#B1A3AA
#ACAAA9
#A7B0A7
#A1B7A6
#9BBFA4
#B98EB7
#B396B5
#AC9EB3
#A6A6B2
#9FAFB0
#99B7AE
#91C1AC
#B684C4
#AE8EC2
#A698C0
#9EA3BD
#96ADBB
#8EB7B9
#84C4B6
Colorpallet from #C4B684 to #B684C4 and to #84B6C4
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C2AE8E
#C1AF8E
#BFB18E
#BEB28E
#BDB38E
#BCB48E
#BAB68E
#C0A698
#BDA998
#BBAB98
#B8AE98
#B6B098
#B3B398
#B0B698
#BD9EA3
#B9A2A3
#B5A6A3
#B1AAA3
#AEADA3
#AAB1A3
#A5B6A3
#BB96AD
#B69BAD
#B1A0AD
#ACA5AD
#A7AAAD
#A1B0AD
#9BB6AD
#B98EB7
#B394B7
#AC9BB7
#A6A1B7
#9FA8B7
#99AEB7
#91B6B7
#B684C4
#AE8CC4
#A694C4
#9E9CC4
#96A4C4
#8EACC4
#84B6C4
Colorpallet from #C4B684 to #84C4B6 and to #84B6C4
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#C4B684
#BAB88C
#BAB88C
#BAB78D
#BAB78D
#BAB78D
#BAB68E
#BAB68E
#B0BA94
#B0B995
#B0B995
#B0B896
#B0B797
#B0B797
#B0B698
#A5BD9C
#A5BC9D
#A5BB9E
#A5BA9F
#A5B9A0
#A5B7A2
#A5B6A3
#9BBFA4
#9BBEA5
#9BBCA7
#9BBBA8
#9BB9AA
#9BB8AB
#9BB6AD
#91C1AC
#91BFAE
#91BDB0
#91BCB1
#91BAB3
#91B8B5
#91B6B7
#84C4B6
#84C2B8
#84C0BA
#84BDBD
#84BBBF
#84B9C1
#84B6C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
