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 #CCBAD2 to #CCD2BA and to #BACCD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBECE
#CCBECF
#CBBECF
#CBBED0
#CABDD1
#CABDD1
#C9BDD2
#CCC2CA
#CBC2CB
#CAC1CD
#C9C1CE
#C8C1CF
#C7C0D0
#C6C0D2
#CCC6C6
#CBC6C8
#C9C5CA
#C8C5CC
#C6C4CE
#C5C4D0
#C3C3D2
#CCC9C3
#CAC9C5
#C8C8C8
#C6C8CA
#C4C7CD
#C2C7CF
#C0C6D2
#CCCDBF
#CACCC2
#C8CBC5
#C5CBC8
#C3CACB
#C1C9CE
#BEC8D2
#CCD2BA
#C9D1BE
#C6D0C2
#C3CFC6
#C0CEC9
#BECDCD
#BACCD2
Colorpallet from #CCBAD2 to #CCD2BA and to #BAD2CC
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBECE
#CCBECE
#CBBECF
#CBBECF
#CABED0
#CABED0
#C9BED1
#CCC2CA
#CBC2CB
#CAC2CC
#C9C2CD
#C8C2CE
#C7C2CF
#C6C2D0
#CCC6C6
#CBC6C7
#C9C6C9
#C8C6CA
#C6C6CC
#C5C6CD
#C3C6CF
#CCC9C3
#CAC9C5
#C8C9C7
#C6C9C8
#C4C9CA
#C2C9CC
#C0C9CE
#CCCDBF
#CACDC1
#C8CDC3
#C5CDC6
#C3CDC8
#C1CDCA
#BECDCD
#CCD2BA
#C9D2BD
#C6D2C0
#C3D2C3
#C0D2C6
#BED2C8
#BAD2CC
Colorpallet from #CCBAD2 to #CCD2BA and to #D2CCBA
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBECE
#CCBECE
#CCBECE
#CCBECE
#CDBDCE
#CDBDCE
#CDBDCE
#CCC2CA
#CCC2CA
#CDC1CA
#CDC1CA
#CDC1CA
#CEC0CA
#CEC0CA
#CCC6C6
#CCC6C6
#CDC5C6
#CDC5C6
#CEC4C6
#CEC4C6
#CFC3C6
#CCC9C3
#CDC9C3
#CDC8C3
#CEC8C3
#CFC7C3
#CFC7C3
#D0C6C3
#CCCDBF
#CDCCBF
#CECBBF
#CECBBF
#CFCABF
#D0C9BF
#D1C8BF
#CCD2BA
#CDD1BA
#CED0BA
#CFCFBA
#D0CEBA
#D1CDBA
#D2CCBA
Colorpallet from #CCBAD2 to #CCD2BA and to #D2BACC
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBECE
#CCBDCE
#CCBDCF
#CCBCCF
#CDBBD0
#CDBBD0
#CDBAD1
#CCC2CA
#CCC1CB
#CDBFCC
#CDBECD
#CDBDCE
#CEBCCF
#CEBAD0
#CCC6C6
#CCC4C7
#CDC2C9
#CDC0CA
#CEBECC
#CEBCCD
#CFBACF
#CCC9C3
#CDC7C5
#CDC4C7
#CEC2C8
#CFBFCA
#CFBDCC
#D0BACE
#CCCDBF
#CDCAC1
#CEC7C3
#CEC4C6
#CFC1C8
#D0BECA
#D1BACD
#CCD2BA
#CDCEBD
#CECAC0
#CFC6C3
#D0C3C6
#D1BFC8
#D2BACC
Colorpallet from #CCBAD2 to #BACCD2 and to #BAD2CC
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#C9BDD2
#C9BDD2
#C9BDD2
#C9BDD2
#C9BED1
#C9BED1
#C9BED1
#C6C0D2
#C6C0D2
#C6C1D1
#C6C1D1
#C6C1D1
#C6C2D0
#C6C2D0
#C3C3D2
#C3C3D2
#C3C4D1
#C3C4D1
#C3C5D0
#C3C5D0
#C3C6CF
#C0C6D2
#C0C6D1
#C0C7D1
#C0C7D0
#C0C8CF
#C0C8CF
#C0C9CE
#BEC8D2
#BEC9D1
#BECAD0
#BECAD0
#BECBCF
#BECCCE
#BECDCD
#BACCD2
#BACDD1
#BACED0
#BACFCF
#BAD0CE
#BAD1CD
#BAD2CC
Colorpallet from #CCBAD2 to #BACCD2 and to #D2CCBA
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#C9BDD2
#CABDD1
#CABDD1
#CBBDD0
#CCBDCF
#CCBDCF
#CDBDCE
#C6C0D2
#C7C0D1
#C9C0CF
#CAC0CE
#CBC0CD
#CCC0CC
#CEC0CA
#C3C3D2
#C5C3D0
#C7C3CE
#C9C3CC
#CBC3CA
#CDC3C8
#CFC3C6
#C0C6D2
#C3C6D0
#C5C6CD
#C8C6CB
#CAC6C8
#CDC6C6
#D0C6C3
#BEC8D2
#C1C8CF
#C4C8CC
#C7C8C9
#CAC8C6
#CDC8C3
#D1C8BF
#BACCD2
#BECCCE
#C2CCCA
#C6CCC6
#C9CCC3
#CDCCBF
#D2CCBA
Colorpallet from #CCBAD2 to #BACCD2 and to #D2BACC
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#C9BDD2
#CABDD2
#CABCD2
#CBBCD2
#CCBBD1
#CCBBD1
#CDBAD1
#C6C0D2
#C7BFD2
#C9BED1
#CABDD1
#CBBCD1
#CCBBD0
#CEBAD0
#C3C3D2
#C5C2D2
#C7C0D1
#C9BFD1
#CBBDD0
#CDBCD0
#CFBACF
#C0C6D2
#C3C4D1
#C5C2D1
#C8C0D0
#CABECF
#CDBCCF
#D0BACE
#BEC8D2
#C1C6D1
#C4C4D0
#C7C1D0
#CABFCF
#CDBDCE
#D1BACD
#BACCD2
#BEC9D1
#C2C6D0
#C6C3CF
#C9C0CE
#CDBECD
#D2BACC
Colorpallet from #CCBAD2 to #BAD2CC and to #D2CCBA
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#C9BED1
#CABED1
#CABED0
#CBBED0
#CCBDCF
#CCBDCF
#CDBDCE
#C6C2D0
#C7C2CF
#C9C1CE
#CAC1CD
#CBC1CC
#CCC0CB
#CEC0CA
#C3C6CF
#C5C6CE
#C7C5CC
#C9C5CB
#CBC4C9
#CDC4C8
#CFC3C6
#C0C9CE
#C3C9CC
#C5C8CA
#C8C8C9
#CAC7C7
#CDC7C5
#D0C6C3
#BECDCD
#C1CCCB
#C4CBC9
#C7CBC6
#CACAC4
#CDC9C2
#D1C8BF
#BAD2CC
#BED1C9
#C2D0C6
#C6CFC3
#C9CEC0
#CDCDBE
#D2CCBA
Colorpallet from #CCBAD2 to #BAD2CC and to #D2BACC
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#C9BED1
#CABDD1
#CABDD1
#CBBCD1
#CCBBD1
#CCBBD1
#CDBAD1
#C6C2D0
#C7C1D0
#C9BFD0
#CABED0
#CBBDD0
#CCBCD0
#CEBAD0
#C3C6CF
#C5C4CF
#C7C2CF
#C9C0CF
#CBBECF
#CDBCCF
#CFBACF
#C0C9CE
#C3C7CE
#C5C4CE
#C8C2CE
#CABFCE
#CDBDCE
#D0BACE
#BECDCD
#C1CACD
#C4C7CD
#C7C4CD
#CAC1CD
#CDBECD
#D1BACD
#BAD2CC
#BECECC
#C2CACC
#C6C6CC
#C9C3CC
#CDBFCC
#D2BACC
Colorpallet from #CCBAD2 to #D2CCBA and to #D2BACC
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CCBAD2
#CDBDCE
#CDBDCE
#CDBCCF
#CDBCCF
#CDBBD0
#CDBBD0
#CDBAD1
#CEC0CA
#CEBFCB
#CEBECC
#CEBDCD
#CEBCCE
#CEBBCF
#CEBAD0
#CFC3C6
#CFC2C7
#CFC0C9
#CFBFCA
#CFBDCC
#CFBCCD
#CFBACF
#D0C6C3
#D0C4C5
#D0C2C7
#D0C0C8
#D0BECA
#D0BCCC
#D0BACE
#D1C8BF
#D1C6C1
#D1C4C3
#D1C1C6
#D1BFC8
#D1BDCA
#D1BACD
#D2CCBA
#D2C9BD
#D2C6C0
#D2C3C3
#D2C0C6
#D2BEC8
#D2BACC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts