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 #CDBAD3 to #CDD3BA and to #BACDD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBECF
#CDBED0
#CCBED0
#CCBED1
#CBBDD2
#CBBDD2
#CABDD3
#CDC2CB
#CCC2CC
#CBC1CE
#CAC1CF
#C9C1D0
#C8C0D1
#C7C0D3
#CDC6C7
#CCC6C9
#CAC5CB
#C9C5CD
#C7C4CF
#C6C4D1
#C4C3D3
#CDCAC3
#CBC9C6
#C9C9C8
#C7C8CB
#C5C7CD
#C3C7D0
#C1C6D3
#CDCEBF
#CBCDC2
#C8CCC5
#C6CCC9
#C3CBCC
#C1CACF
#BEC9D3
#CDD3BA
#CAD2BE
#C7D1C2
#C4D0C6
#C1CFCA
#BECECE
#BACDD3
Colorpallet from #CDBAD3 to #CDD3BA and to #BAD3CD
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBECF
#CDBECF
#CCBED0
#CCBED0
#CBBED1
#CBBED1
#CABED2
#CDC2CB
#CCC2CC
#CBC2CD
#CAC2CE
#C9C2CF
#C8C2D0
#C7C2D1
#CDC6C7
#CCC6C8
#CAC6CA
#C9C6CB
#C7C6CD
#C6C6CE
#C4C6D0
#CDCAC3
#CBCAC5
#C9CAC7
#C7CAC9
#C5CACB
#C3CACD
#C1CACF
#CDCEBF
#CBCEC1
#C8CEC4
#C6CEC6
#C3CEC9
#C1CECB
#BECECE
#CDD3BA
#CAD3BD
#C7D3C0
#C4D3C3
#C1D3C6
#BED3C9
#BAD3CD
Colorpallet from #CDBAD3 to #CDD3BA and to #D3CDBA
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBECF
#CDBECF
#CDBECF
#CDBECF
#CEBDCF
#CEBDCF
#CEBDCF
#CDC2CB
#CDC2CB
#CEC1CB
#CEC1CB
#CEC1CB
#CFC0CB
#CFC0CB
#CDC6C7
#CDC6C7
#CEC5C7
#CEC5C7
#CFC4C7
#CFC4C7
#D0C3C7
#CDCAC3
#CEC9C3
#CEC9C3
#CFC8C3
#D0C7C3
#D0C7C3
#D1C6C3
#CDCEBF
#CECDBF
#CFCCBF
#CFCCBF
#D0CBBF
#D1CABF
#D2C9BF
#CDD3BA
#CED2BA
#CFD1BA
#D0D0BA
#D1CFBA
#D2CEBA
#D3CDBA
Colorpallet from #CDBAD3 to #CDD3BA and to #D3BACD
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBECF
#CDBDCF
#CDBDD0
#CDBCD0
#CEBBD1
#CEBBD1
#CEBAD2
#CDC2CB
#CDC1CC
#CEBFCD
#CEBECE
#CEBDCF
#CFBCD0
#CFBAD1
#CDC6C7
#CDC4C8
#CEC2CA
#CEC0CB
#CFBECD
#CFBCCE
#D0BAD0
#CDCAC3
#CEC7C5
#CEC5C7
#CFC2C9
#D0C0CB
#D0BDCD
#D1BACF
#CDCEBF
#CECBC1
#CFC8C4
#CFC4C6
#D0C1C9
#D1BECB
#D2BACE
#CDD3BA
#CECFBD
#CFCBC0
#D0C7C3
#D1C3C6
#D2BFC9
#D3BACD
Colorpallet from #CDBAD3 to #BACDD3 and to #BAD3CD
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CABDD3
#CABDD3
#CABDD3
#CABDD3
#CABED2
#CABED2
#CABED2
#C7C0D3
#C7C0D3
#C7C1D2
#C7C1D2
#C7C1D2
#C7C2D1
#C7C2D1
#C4C3D3
#C4C3D3
#C4C4D2
#C4C4D2
#C4C5D1
#C4C5D1
#C4C6D0
#C1C6D3
#C1C7D2
#C1C7D2
#C1C8D1
#C1C9D0
#C1C9D0
#C1CACF
#BEC9D3
#BECAD2
#BECBD1
#BECBD1
#BECCD0
#BECDCF
#BECECE
#BACDD3
#BACED2
#BACFD1
#BAD0D0
#BAD1CF
#BAD2CE
#BAD3CD
Colorpallet from #CDBAD3 to #BACDD3 and to #D3CDBA
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CABDD3
#CBBDD2
#CBBDD2
#CCBDD1
#CDBDD0
#CDBDD0
#CEBDCF
#C7C0D3
#C8C0D2
#CAC0D0
#CBC0CF
#CCC0CE
#CDC0CD
#CFC0CB
#C4C3D3
#C6C3D1
#C8C3CF
#CAC3CD
#CCC3CB
#CEC3C9
#D0C3C7
#C1C6D3
#C4C6D0
#C6C6CE
#C9C6CB
#CBC6C9
#CEC6C6
#D1C6C3
#BEC9D3
#C1C9D0
#C4C9CD
#C8C9C9
#CBC9C6
#CEC9C3
#D2C9BF
#BACDD3
#BECDCF
#C2CDCB
#C6CDC7
#CACDC3
#CECDBF
#D3CDBA
Colorpallet from #CDBAD3 to #BACDD3 and to #D3BACD
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CABDD3
#CBBDD3
#CBBCD3
#CCBCD3
#CDBBD2
#CDBBD2
#CEBAD2
#C7C0D3
#C8BFD3
#CABED2
#CBBDD2
#CCBCD2
#CDBBD1
#CFBAD1
#C4C3D3
#C6C2D3
#C8C0D2
#CABFD2
#CCBDD1
#CEBCD1
#D0BAD0
#C1C6D3
#C4C4D2
#C6C2D2
#C9C0D1
#CBBED0
#CEBCD0
#D1BACF
#BEC9D3
#C1C7D2
#C4C4D1
#C8C2D1
#CBBFD0
#CEBDCF
#D2BACE
#BACDD3
#BECAD2
#C2C7D1
#C6C4D0
#CAC1CF
#CEBECE
#D3BACD
Colorpallet from #CDBAD3 to #BAD3CD and to #D3CDBA
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CABED2
#CBBED2
#CBBED1
#CCBED1
#CDBDD0
#CDBDD0
#CEBDCF
#C7C2D1
#C8C2D0
#CAC1CF
#CBC1CE
#CCC1CD
#CDC0CC
#CFC0CB
#C4C6D0
#C6C6CF
#C8C5CD
#CAC5CC
#CCC4CA
#CEC4C9
#D0C3C7
#C1CACF
#C4C9CD
#C6C9CB
#C9C8C9
#CBC7C7
#CEC7C5
#D1C6C3
#BECECE
#C1CDCC
#C4CCC9
#C8CCC7
#CBCBC4
#CECAC2
#D2C9BF
#BAD3CD
#BED2CA
#C2D1C7
#C6D0C4
#CACFC1
#CECEBE
#D3CDBA
Colorpallet from #CDBAD3 to #BAD3CD and to #D3BACD
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CABED2
#CBBDD2
#CBBDD2
#CCBCD2
#CDBBD2
#CDBBD2
#CEBAD2
#C7C2D1
#C8C1D1
#CABFD1
#CBBED1
#CCBDD1
#CDBCD1
#CFBAD1
#C4C6D0
#C6C4D0
#C8C2D0
#CAC0D0
#CCBED0
#CEBCD0
#D0BAD0
#C1CACF
#C4C7CF
#C6C5CF
#C9C2CF
#CBC0CF
#CEBDCF
#D1BACF
#BECECE
#C1CBCE
#C4C8CE
#C8C4CE
#CBC1CE
#CEBECE
#D2BACE
#BAD3CD
#BECFCD
#C2CBCD
#C6C7CD
#CAC3CD
#CEBFCD
#D3BACD
Colorpallet from #CDBAD3 to #D3CDBA and to #D3BACD
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CDBAD3
#CEBDCF
#CEBDCF
#CEBCD0
#CEBCD0
#CEBBD1
#CEBBD1
#CEBAD2
#CFC0CB
#CFBFCC
#CFBECD
#CFBDCE
#CFBCCF
#CFBBD0
#CFBAD1
#D0C3C7
#D0C2C8
#D0C0CA
#D0BFCB
#D0BDCD
#D0BCCE
#D0BAD0
#D1C6C3
#D1C4C5
#D1C2C7
#D1C0C9
#D1BECB
#D1BCCD
#D1BACF
#D2C9BF
#D2C7C1
#D2C4C4
#D2C2C6
#D2BFC9
#D2BDCB
#D2BACE
#D3CDBA
#D3CABD
#D3C7C0
#D3C4C3
#D3C1C6
#D3BEC9
#D3BACD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts