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 #DDCF6E to #DD6ECF and to #CFDD6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDBF7E
#DDC27B
#DCC579
#DCC876
#DCCB74
#DBCD71
#DBD16E
#DDB08D
#DCB688
#DCBB83
#DBC17E
#DAC679
#DACC74
#D9D36E
#DDA09D
#DCA995
#DBB18E
#DABA86
#D9C37F
#D7CB77
#D6D66E
#DD91AC
#DC9CA2
#DAA898
#D9B38E
#D7BE84
#D6CA7A
#D4D86E
#DD81BC
#DB8FB0
#D99DA3
#D8AC97
#D6BA8A
#D4C87E
#D2DA6E
#DD6ECF
#DB80BF
#D992B0
#D6A3A0
#D4B591
#D2C781
#CFDD6E
Colorpallet from #DDCF6E to #DD6ECF and to #CF6EDD
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDBF7E
#DDBF7E
#DCBF7F
#DCBF7F
#DCBF7F
#DBBF80
#DBBF80
#DDB08D
#DCB08E
#DCB08F
#DBB08F
#DAB090
#DAB091
#D9B092
#DDA09D
#DCA09E
#DBA09F
#DAA0A0
#D9A0A1
#D7A0A2
#D6A0A3
#DD91AC
#DC91AD
#DA91AF
#D991B0
#D791B2
#D691B3
#D491B5
#DD81BC
#DB81BE
#D981C0
#D881C1
#D681C3
#D481C5
#D281C7
#DD6ECF
#DB6ED1
#D96ED3
#D66ED6
#D46ED8
#D26EDA
#CF6EDD
Colorpallet from #DDCF6E to #DD6ECF and to #6EDDCF
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDBF7E
#DAC27E
#D7C57E
#D4C87E
#D1CB7E
#CFCD7E
#CBD17E
#DDB08D
#D7B68D
#D1BB8D
#CCC18D
#C6C68D
#C0CC8D
#B9D38D
#DDA09D
#D5A99D
#CCB19D
#C4BA9D
#BBC39D
#B3CB9D
#A8D69D
#DD91AC
#D29CAC
#C6A8AC
#BBB3AC
#B0BEAC
#A4CAAC
#96D8AC
#DD81BC
#CF8FBC
#C19DBC
#B2ACBC
#A4BABC
#96C8BC
#84DABC
#DD6ECF
#CB80CF
#B992CF
#A8A3CF
#96B5CF
#84C7CF
#6EDDCF
Colorpallet from #DDCF6E to #DD6ECF and to #6ECFDD
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDBF7E
#DAC27E
#D7C47F
#D4C77F
#D1C97F
#CFCC80
#CBCF80
#DDB08D
#D7B58E
#D1BA8F
#CCBF8F
#C6C490
#C0C991
#B9CF92
#DDA09D
#D5A89E
#CCAF9F
#C4B7A0
#BBBEA1
#B3C6A2
#A8CFA3
#DD91AC
#D29BAD
#C6A5AF
#BBAFB0
#B0B9B2
#A4C3B3
#96CFB5
#DD81BC
#CF8DBE
#C19AC0
#B2A6C1
#A4B3C3
#96BFC5
#84CFC7
#DD6ECF
#CB7ED1
#B98DD3
#A89DD6
#96ACD8
#84BCDA
#6ECFDD
Colorpallet from #DDCF6E to #CFDD6E and to #CF6EDD
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DBD16E
#DBCE71
#DBCB74
#DBC877
#DBC57A
#DBC37C
#DBBF80
#D9D36E
#D9CD74
#D9C87A
#D9C27F
#D9BD85
#D9B78B
#D9B092
#D6D66E
#D6CD76
#D6C57F
#D6BC87
#D6B390
#D6AB98
#D6A0A3
#D4D86E
#D4CD79
#D4C185
#D4B690
#D4AB9B
#D49FA7
#D491B5
#D2DA6E
#D2CC7C
#D2BE8A
#D2AF99
#D2A1A7
#D293B5
#D281C7
#CFDD6E
#CFCB80
#CFB992
#CFA8A3
#CF96B5
#CF84C7
#CF6EDD
Colorpallet from #DDCF6E to #CFDD6E and to #6EDDCF
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DBD16E
#D8D171
#D6D173
#D3D176
#D1D178
#CED17B
#CBD17E
#D9D36E
#D4D373
#CFD378
#CAD37D
#C5D382
#BFD387
#B9D38D
#D6D66E
#CFD676
#C7D67D
#C0D685
#B9D68C
#B1D694
#A8D69D
#D4D86E
#CAD878
#C0D882
#B6D88C
#ACD896
#A2D8A0
#96D8AC
#D2DA6E
#C6DA7A
#B9DA87
#ADDA93
#A0DAA0
#94DAAC
#84DABC
#CFDD6E
#BFDD7E
#B0DD8D
#A0DD9D
#91DDAC
#81DDBC
#6EDDCF
Colorpallet from #DDCF6E to #CFDD6E and to #6ECFDD
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DBD16E
#D8D171
#D6D074
#D3D077
#D1D07A
#CECF7C
#CBCF80
#D9D36E
#D4D274
#CFD27A
#CAD17F
#C5D085
#BFD08B
#B9CF92
#D6D66E
#CFD576
#C7D47F
#C0D387
#B9D290
#B1D098
#A8CFA3
#D4D86E
#CAD779
#C0D585
#B6D490
#ACD29B
#A2D1A7
#96CFB5
#D2DA6E
#C6D87C
#B9D68A
#ADD599
#A0D3A7
#94D1B5
#84CFC7
#CFDD6E
#BFDB80
#B0D992
#A0D6A3
#91D4B5
#81D2C7
#6ECFDD
Colorpallet from #DDCF6E to #CF6EDD and to #6EDDCF
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DBBF80
#D8C280
#D6C57F
#D3C87F
#D1CB7F
#CECD7E
#CBD17E
#D9B092
#D4B691
#CFBB90
#CAC190
#C5C68F
#BFCC8E
#B9D38D
#D6A0A3
#CFA9A2
#C7B1A1
#C0BAA0
#B9C39F
#B1CB9E
#A8D69D
#D491B5
#CA9CB4
#C0A8B2
#B6B3B1
#ACBEAF
#A2CAAE
#96D8AC
#D281C7
#C68FC5
#B99DC3
#ADACC2
#A0BAC0
#94C8BE
#84DABC
#CF6EDD
#BF80DB
#B092D9
#A0A3D6
#91B5D4
#81C7D2
#6EDDCF
Colorpallet from #DDCF6E to #CF6EDD and to #6ECFDD
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DBBF80
#D8C280
#D6C480
#D3C780
#D1C980
#CECC80
#CBCF80
#D9B092
#D4B592
#CFBA92
#CABF92
#C5C492
#BFC992
#B9CF92
#D6A0A3
#CFA8A3
#C7AFA3
#C0B7A3
#B9BEA3
#B1C6A3
#A8CFA3
#D491B5
#CA9BB5
#C0A5B5
#B6AFB5
#ACB9B5
#A2C3B5
#96CFB5
#D281C7
#C68DC7
#B99AC7
#ADA6C7
#A0B3C7
#94BFC7
#84CFC7
#CF6EDD
#BF7EDD
#B08DDD
#A09DDD
#91ACDD
#81BCDD
#6ECFDD
Colorpallet from #DDCF6E to #6EDDCF and to #6ECFDD
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#DDCF6E
#CBD17E
#CBD17E
#CBD07F
#CBD07F
#CBD07F
#CBCF80
#CBCF80
#B9D38D
#B9D28E
#B9D28F
#B9D18F
#B9D090
#B9D091
#B9CF92
#A8D69D
#A8D59E
#A8D49F
#A8D3A0
#A8D2A1
#A8D0A2
#A8CFA3
#96D8AC
#96D7AD
#96D5AF
#96D4B0
#96D2B2
#96D1B3
#96CFB5
#84DABC
#84D8BE
#84D6C0
#84D5C1
#84D3C3
#84D1C5
#84CFC7
#6EDDCF
#6EDBD1
#6ED9D3
#6ED6D6
#6ED4D8
#6ED2DA
#6ECFDD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
