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 #CDD5AE to #CDAED5 and to #D5CDAE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDCFB4
#CDD0B3
#CDD1B2
#CDD1B1
#CED2B0
#CED3AF
#CED4AE
#CDC9BA
#CDCAB8
#CECCB6
#CECDB4
#CFCFB2
#CFD0B0
#D0D2AE
#CDC2C1
#CEC4BE
#CEC7BB
#CFC9B8
#D0CCB5
#D0CEB2
#D1D1AE
#CDBCC7
#CEBFC3
#CFC2BF
#CFC6BB
#D0C9B7
#D1CCB3
#D2D0AE
#CDB6CD
#CEBAC8
#CFBEC3
#D0C2BE
#D1C6B9
#D2CAB4
#D3CFAE
#CDAED5
#CEB3CF
#D0B8C9
#D1BDC2
#D2C2BC
#D3C7B6
#D5CDAE
Colorpallet from #CDD5AE to #CDAED5 and to #D5AECD
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDCFB4
#CDCFB4
#CDCFB4
#CDCFB4
#CECFB3
#CECFB3
#CECFB3
#CDC9BA
#CDC9BA
#CEC9B9
#CEC9B9
#CFC9B9
#CFC9B8
#D0C9B8
#CDC2C1
#CEC2C0
#CEC2C0
#CFC2BF
#D0C2BE
#D0C2BE
#D1C2BD
#CDBCC7
#CEBCC6
#CFBCC5
#CFBCC5
#D0BCC4
#D1BCC3
#D2BCC2
#CDB6CD
#CEB6CC
#CFB6CB
#D0B6CA
#D1B6C9
#D2B6C8
#D3B6C7
#CDAED5
#CEAED4
#D0AED2
#D1AED1
#D2AED0
#D3AECF
#D5AECD
Colorpallet from #CDD5AE to #CDAED5 and to #AECDD5
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDCFB4
#CCD0B4
#CBD1B4
#CBD1B4
#CAD2B4
#C9D3B4
#C8D4B4
#CDC9BA
#CBCABA
#CACCBA
#C8CDBA
#C7CFBA
#C5D0BA
#C3D2BA
#CDC2C1
#CBC4C1
#C8C7C1
#C6C9C1
#C3CCC1
#C1CEC1
#BED1C1
#CDBCC7
#CABFC7
#C7C2C7
#C3C6C7
#C0C9C7
#BDCCC7
#B9D0C7
#CDB6CD
#C9BACD
#C5BECD
#C1C2CD
#BDC6CD
#B9CACD
#B4CFCD
#CDAED5
#C8B3D5
#C3B8D5
#BEBDD5
#B9C2D5
#B4C7D5
#AECDD5
Colorpallet from #CDD5AE to #CDAED5 and to #AED5CD
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDCFB4
#CCD0B4
#CBD1B4
#CBD2B4
#CAD3B3
#C9D4B3
#C8D5B3
#CDC9BA
#CBCBBA
#CACDB9
#C8CFB9
#C7D1B9
#C5D3B8
#C3D5B8
#CDC2C1
#CBC5C0
#C8C8C0
#C6CBBF
#C3CEBE
#C1D1BE
#BED5BD
#CDBCC7
#CAC0C6
#C7C4C5
#C3C8C5
#C0CCC4
#BDD0C3
#B9D5C2
#CDB6CD
#C9BBCC
#C5C0CB
#C1C5CA
#BDCAC9
#B9CFC8
#B4D5C7
#CDAED5
#C8B4D4
#C3BAD2
#BEC1D1
#B9C7D0
#B4CDCF
#AED5CD
Colorpallet from #CDD5AE to #D5CDAE and to #D5AECD
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CED4AE
#CED3AF
#CED2B0
#CED2B0
#CED1B1
#CED0B2
#CECFB3
#D0D2AE
#D0D1B0
#D0CFB1
#D0CEB3
#D0CCB4
#D0CBB6
#D0C9B8
#D1D1AE
#D1CFB0
#D1CCB3
#D1CAB5
#D1C7B8
#D1C5BA
#D1C2BD
#D2D0AE
#D2CDB1
#D2CAB4
#D2C6B8
#D2C3BB
#D2C0BE
#D2BCC2
#D3CFAE
#D3CBB2
#D3C7B6
#D3C3BA
#D3BFBE
#D3BBC2
#D3B6C7
#D5CDAE
#D5C8B3
#D5C3B8
#D5BEBD
#D5B9C2
#D5B4C7
#D5AECD
Colorpallet from #CDD5AE to #D5CDAE and to #AECDD5
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CED4AE
#CDD4AF
#CCD4B0
#CBD4B1
#CAD4B2
#C9D4B3
#C8D4B4
#D0D2AE
#CED2B0
#CCD2B2
#CAD2B4
#C8D2B6
#C6D2B8
#C3D2BA
#D1D1AE
#CED1B1
#CBD1B4
#C8D1B7
#C5D1BA
#C2D1BD
#BED1C1
#D2D0AE
#CED0B2
#CAD0B6
#C6D0BA
#C2D0BE
#BED0C2
#B9D0C7
#D3CFAE
#CECFB3
#C9CFB8
#C4CFBD
#BFCFC2
#BACFC7
#B4CFCD
#D5CDAE
#CFCDB4
#C9CDBA
#C2CDC1
#BCCDC7
#B6CDCD
#AECDD5
Colorpallet from #CDD5AE to #D5CDAE and to #AED5CD
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CED4AE
#CDD4AF
#CCD4B0
#CBD4B0
#CAD5B1
#C9D5B2
#C8D5B3
#D0D2AE
#CED2B0
#CCD3B1
#CAD3B3
#C8D4B4
#C6D4B6
#C3D5B8
#D1D1AE
#CED2B0
#CBD2B3
#C8D3B5
#C5D4B8
#C2D4BA
#BED5BD
#D2D0AE
#CED1B1
#CAD2B4
#C6D2B8
#C2D3BB
#BED4BE
#B9D5C2
#D3CFAE
#CED0B2
#C9D1B6
#C4D2BA
#BFD3BE
#BAD4C2
#B4D5C7
#D5CDAE
#CFCEB3
#C9D0B8
#C2D1BD
#BCD2C2
#B6D3C7
#AED5CD
Colorpallet from #CDD5AE to #D5AECD and to #AECDD5
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CECFB3
#CDD0B3
#CCD1B3
#CBD1B3
#CAD2B4
#C9D3B4
#C8D4B4
#D0C9B8
#CECAB8
#CCCCB9
#CACDB9
#C8CFB9
#C6D0BA
#C3D2BA
#D1C2BD
#CEC4BE
#CBC7BE
#C8C9BF
#C5CCC0
#C2CEC0
#BED1C1
#D2BCC2
#CEBFC3
#CAC2C4
#C6C6C4
#C2C9C5
#BECCC6
#B9D0C7
#D3B6C7
#CEBAC8
#C9BEC9
#C4C2CA
#BFC6CB
#BACACC
#B4CFCD
#D5AECD
#CFB3CE
#C9B8D0
#C2BDD1
#BCC2D2
#B6C7D3
#AECDD5
Colorpallet from #CDD5AE to #D5AECD and to #AED5CD
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CECFB3
#CDD0B3
#CCD1B3
#CBD2B3
#CAD3B3
#C9D4B3
#C8D5B3
#D0C9B8
#CECBB8
#CCCDB8
#CACFB8
#C8D1B8
#C6D3B8
#C3D5B8
#D1C2BD
#CEC5BD
#CBC8BD
#C8CBBD
#C5CEBD
#C2D1BD
#BED5BD
#D2BCC2
#CEC0C2
#CAC4C2
#C6C8C2
#C2CCC2
#BED0C2
#B9D5C2
#D3B6C7
#CEBBC7
#C9C0C7
#C4C5C7
#BFCAC7
#BACFC7
#B4D5C7
#D5AECD
#CFB4CD
#C9BACD
#C2C1CD
#BCC7CD
#B6CDCD
#AED5CD
Colorpallet from #CDD5AE to #AECDD5 and to #AED5CD
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#CDD5AE
#C8D4B4
#C8D4B4
#C8D4B4
#C8D4B4
#C8D5B3
#C8D5B3
#C8D5B3
#C3D2BA
#C3D2BA
#C3D3B9
#C3D3B9
#C3D4B9
#C3D4B8
#C3D5B8
#BED1C1
#BED2C0
#BED2C0
#BED3BF
#BED4BE
#BED4BE
#BED5BD
#B9D0C7
#B9D1C6
#B9D2C5
#B9D2C5
#B9D3C4
#B9D4C3
#B9D5C2
#B4CFCD
#B4D0CC
#B4D1CB
#B4D2CA
#B4D3C9
#B4D4C8
#B4D5C7
#AECDD5
#AECED4
#AED0D2
#AED1D1
#AED2D0
#AED3CF
#AED5CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts