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 #CAD6BE to #CABED6 and to #D6CABE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD2C2
#CAD2C1
#CBD3C1
#CBD3C0
#CBD3BF
#CCD4BF
#CCD4BE
#CACEC6
#CBCFC5
#CBCFC3
#CCD0C2
#CDD1C1
#CDD1C0
#CED2BE
#CACACA
#CBCBC8
#CCCCC6
#CDCDC4
#CECEC2
#CFCFC0
#D0D0BE
#CAC7CD
#CBC8CB
#CDC9C8
#CECAC6
#CFCBC3
#D0CDC1
#D2CEBE
#CAC3D1
#CCC4CE
#CDC6CB
#CFC7C8
#D0C9C5
#D2CAC2
#D4CCBE
#CABED6
#CCC0D2
#CEC2CE
#D0C4CA
#D2C6C7
#D4C8C3
#D6CABE
Colorpallet from #CAD6BE to #CABED6 and to #D6BECA
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD2C2
#CAD2C2
#CBD2C1
#CBD2C1
#CBD2C1
#CCD2C0
#CCD2C0
#CACEC6
#CBCEC5
#CBCEC5
#CCCEC4
#CDCEC3
#CDCEC3
#CECEC2
#CACACA
#CBCAC9
#CCCAC8
#CDCAC7
#CECAC6
#CFCAC5
#D0CAC4
#CAC7CD
#CBC7CC
#CDC7CB
#CEC7CA
#CFC7C9
#D0C7C7
#D2C7C6
#CAC3D1
#CCC3D0
#CDC3CE
#CFC3CD
#D0C3CB
#D2C3CA
#D4C3C8
#CABED6
#CCBED4
#CEBED2
#D0BED0
#D2BECE
#D4BECC
#D6BECA
Colorpallet from #CAD6BE to #CABED6 and to #BECAD6
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD2C2
#CAD2C2
#C9D3C2
#C9D3C2
#C9D3C2
#C8D4C2
#C8D4C2
#CACEC6
#C9CFC6
#C9CFC6
#C8D0C6
#C7D1C6
#C7D1C6
#C6D2C6
#CACACA
#C9CBCA
#C8CCCA
#C7CDCA
#C6CECA
#C5CFCA
#C4D0CA
#CAC7CD
#C9C8CD
#C7C9CD
#C6CACD
#C5CBCD
#C4CDCD
#C2CECD
#CAC3D1
#C8C4D1
#C7C6D1
#C5C7D1
#C4C9D1
#C2CAD1
#C0CCD1
#CABED6
#C8C0D6
#C6C2D6
#C4C4D6
#C2C6D6
#C0C8D6
#BECAD6
Colorpallet from #CAD6BE to #CABED6 and to #BED6CA
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD2C2
#CAD3C2
#C9D3C1
#C9D4C1
#C9D5C1
#C8D5C0
#C8D6C0
#CACEC6
#C9CFC5
#C9D1C5
#C8D2C4
#C7D3C3
#C7D4C3
#C6D6C2
#CACACA
#C9CCC9
#C8CEC8
#C7D0C7
#C6D2C6
#C5D4C5
#C4D6C4
#CAC7CD
#C9C9CC
#C7CCCB
#C6CECA
#C5D1C9
#C4D3C7
#C2D6C6
#CAC3D1
#C8C6D0
#C7C9CE
#C5CCCD
#C4CFCB
#C2D2CA
#C0D6C8
#CABED6
#C8C2D4
#C6C6D2
#C4CAD0
#C2CDCE
#C0D1CC
#BED6CA
Colorpallet from #CAD6BE to #D6CABE and to #D6BECA
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CCD4BE
#CCD4BE
#CCD3BF
#CCD3BF
#CCD3BF
#CCD2C0
#CCD2C0
#CED2BE
#CED1BF
#CED1BF
#CED0C0
#CECFC1
#CECFC1
#CECEC2
#D0D0BE
#D0CFBF
#D0CEC0
#D0CDC1
#D0CCC2
#D0CBC3
#D0CAC4
#D2CEBE
#D2CDBF
#D2CCC1
#D2CBC2
#D2CAC3
#D2C8C4
#D2C7C6
#D4CCBE
#D4CBC0
#D4C9C1
#D4C8C3
#D4C6C4
#D4C5C6
#D4C3C8
#D6CABE
#D6C8C0
#D6C6C2
#D6C4C4
#D6C2C6
#D6C0C8
#D6BECA
Colorpallet from #CAD6BE to #D6CABE and to #BECAD6
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CCD4BE
#CBD4BF
#CBD4BF
#CAD4C0
#C9D4C1
#C9D4C1
#C8D4C2
#CED2BE
#CDD2BF
#CBD2C1
#CAD2C2
#C9D2C3
#C8D2C4
#C6D2C6
#D0D0BE
#CED0C0
#CCD0C2
#CAD0C4
#C8D0C6
#C6D0C8
#C4D0CA
#D2CEBE
#CFCEC0
#CDCEC3
#CACEC5
#C8CEC8
#C5CECA
#C2CECD
#D4CCBE
#D1CCC1
#CECCC4
#CACCC7
#C7CCCA
#C4CCCD
#C0CCD1
#D6CABE
#D2CAC2
#CECAC6
#CACACA
#C7CACD
#C3CAD1
#BECAD6
Colorpallet from #CAD6BE to #D6CABE and to #BED6CA
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CCD4BE
#CBD4BE
#CBD5BF
#CAD5BF
#C9D5BF
#C9D6C0
#C8D6C0
#CED2BE
#CDD3BF
#CBD3BF
#CAD4C0
#C9D5C1
#C8D5C1
#C6D6C2
#D0D0BE
#CED1BF
#CCD2C0
#CAD3C1
#C8D4C2
#C6D5C3
#C4D6C4
#D2CEBE
#CFCFBF
#CDD1C1
#CAD2C2
#C8D3C3
#C5D4C4
#C2D6C6
#D4CCBE
#D1CEC0
#CECFC1
#CAD1C3
#C7D2C4
#C4D4C6
#C0D6C8
#D6CABE
#D2CCC0
#CECEC2
#CAD0C4
#C7D2C6
#C3D4C8
#BED6CA
Colorpallet from #CAD6BE to #D6BECA and to #BECAD6
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CCD2C0
#CBD2C0
#CBD3C1
#CAD3C1
#C9D3C1
#C9D4C2
#C8D4C2
#CECEC2
#CDCFC3
#CBCFC3
#CAD0C4
#C9D1C5
#C8D1C5
#C6D2C6
#D0CAC4
#CECBC5
#CCCCC6
#CACDC7
#C8CEC8
#C6CFC9
#C4D0CA
#D2C7C6
#CFC8C7
#CDC9C8
#CACAC9
#C8CBCA
#C5CDCC
#C2CECD
#D4C3C8
#D1C4C9
#CEC6CB
#CAC7CC
#C7C9CE
#C4CACF
#C0CCD1
#D6BECA
#D2C0CC
#CEC2CE
#CAC4D0
#C7C6D2
#C3C8D4
#BECAD6
Colorpallet from #CAD6BE to #D6BECA and to #BED6CA
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CCD2C0
#CBD3C0
#CBD3C0
#CAD4C0
#C9D5C0
#C9D5C0
#C8D6C0
#CECEC2
#CDCFC2
#CBD1C2
#CAD2C2
#C9D3C2
#C8D4C2
#C6D6C2
#D0CAC4
#CECCC4
#CCCEC4
#CAD0C4
#C8D2C4
#C6D4C4
#C4D6C4
#D2C7C6
#CFC9C6
#CDCCC6
#CACEC6
#C8D1C6
#C5D3C6
#C2D6C6
#D4C3C8
#D1C6C8
#CEC9C8
#CACCC8
#C7CFC8
#C4D2C8
#C0D6C8
#D6BECA
#D2C2CA
#CEC6CA
#CACACA
#C7CDCA
#C3D1CA
#BED6CA
Colorpallet from #CAD6BE to #BECAD6 and to #BED6CA
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#CAD6BE
#C8D4C2
#C8D4C2
#C8D5C1
#C8D5C1
#C8D5C1
#C8D6C0
#C8D6C0
#C6D2C6
#C6D3C5
#C6D3C5
#C6D4C4
#C6D5C3
#C6D5C3
#C6D6C2
#C4D0CA
#C4D1C9
#C4D2C8
#C4D3C7
#C4D4C6
#C4D5C5
#C4D6C4
#C2CECD
#C2CFCC
#C2D1CB
#C2D2CA
#C2D3C9
#C2D4C7
#C2D6C6
#C0CCD1
#C0CED0
#C0CFCE
#C0D1CD
#C0D2CB
#C0D4CA
#C0D6C8
#BECAD6
#BECCD4
#BECED2
#BED0D0
#BED2CE
#BED4CC
#BED6CA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts