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 #CDD1B2 to #CDB2D1 and to #D1CDB2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDCCB7
#CDCDB6
#CDCDB5
#CDCEB5
#CECFB4
#CECFB3
#CED0B2
#CDC7BC
#CDC8BA
#CDCAB9
#CDCBB7
#CECDB6
#CECEB4
#CED0B2
#CDC2C1
#CDC4BF
#CEC6BC
#CEC8BA
#CECAB7
#CFCCB5
#CFCFB2
#CDBDC6
#CDC0C3
#CEC2C0
#CEC5BC
#CFC8B9
#CFCBB6
#D0CEB2
#CDB8CB
#CDBCC7
#CEBFC3
#CEC3BF
#CFC6BB
#CFCAB7
#D0CEB2
#CDB2D1
#CEB6CC
#CEBBC7
#CFBFC2
#D0C3BD
#D0C8B8
#D1CDB2
Colorpallet from #CDD1B2 to #CDB2D1 and to #D1B2CD
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDCCB7
#CDCCB7
#CDCCB7
#CDCCB7
#CECCB6
#CECCB6
#CECCB6
#CDC7BC
#CDC7BC
#CDC7BC
#CDC7BC
#CEC7BB
#CEC7BB
#CEC7BB
#CDC2C1
#CDC2C1
#CEC2C0
#CEC2C0
#CEC2C0
#CFC2BF
#CFC2BF
#CDBDC6
#CDBDC6
#CEBDC5
#CEBDC5
#CFBDC4
#CFBDC4
#D0BDC3
#CDB8CB
#CDB8CB
#CEB8CA
#CEB8CA
#CFB8C9
#CFB8C9
#D0B8C8
#CDB2D1
#CEB2D0
#CEB2D0
#CFB2CF
#D0B2CE
#D0B2CE
#D1B2CD
Colorpallet from #CDD1B2 to #CDB2D1 and to #B2CDD1
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDCCB7
#CCCDB7
#CCCDB7
#CBCEB7
#CACFB7
#CACFB7
#C9D0B7
#CDC7BC
#CCC8BC
#CACABC
#C9CBBC
#C7CDBC
#C6CEBC
#C4D0BC
#CDC2C1
#CBC4C1
#C9C6C1
#C7C8C1
#C5CAC1
#C3CCC1
#C0CFC1
#CDBDC6
#CAC0C6
#C8C2C6
#C5C5C6
#C2C8C6
#BFCBC6
#BCCEC6
#CDB8CB
#C9BCCB
#C6BFCB
#C2C3CB
#BFC6CB
#BBCACB
#B7CECB
#CDB2D1
#C9B6D1
#C4BBD1
#C0BFD1
#BCC3D1
#B7C8D1
#B2CDD1
Colorpallet from #CDD1B2 to #CDB2D1 and to #B2D1CD
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDCCB7
#CCCDB7
#CCCEB7
#CBCEB7
#CACFB6
#CAD0B6
#C9D1B6
#CDC7BC
#CCC9BC
#CACABC
#C9CCBC
#C7CDBB
#C6CFBB
#C4D1BB
#CDC2C1
#CBC4C1
#C9C7C0
#C7C9C0
#C5CCC0
#C3CEBF
#C0D1BF
#CDBDC6
#CAC0C6
#C8C3C5
#C5C7C5
#C2CAC4
#BFCDC4
#BCD1C3
#CDB8CB
#C9BCCB
#C6C0CA
#C2C4CA
#BFC8C9
#BBCCC9
#B7D1C8
#CDB2D1
#C9B7D0
#C4BCD0
#C0C1CF
#BCC6CE
#B7CBCE
#B2D1CD
Colorpallet from #CDD1B2 to #D1CDB2 and to #D1B2CD
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CED0B2
#CECFB3
#CECFB3
#CECEB4
#CECDB5
#CECDB5
#CECCB6
#CED0B2
#CECFB3
#CECDB5
#CECCB6
#CECAB8
#CEC9B9
#CEC7BB
#CFCFB2
#CFCDB4
#CFCBB6
#CFC9B8
#CFC7BA
#CFC5BC
#CFC2BF
#D0CEB2
#D0CBB5
#D0C9B7
#D0C6BA
#D0C3BD
#D0C0C0
#D0BDC3
#D0CEB2
#D0CAB6
#D0C7B9
#D0C3BD
#D0C0C0
#D0BCC4
#D0B8C8
#D1CDB2
#D1C9B6
#D1C4BB
#D1C0BF
#D1BCC3
#D1B7C8
#D1B2CD
Colorpallet from #CDD1B2 to #D1CDB2 and to #B2CDD1
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CED0B2
#CDD0B3
#CCD0B4
#CCD0B4
#CBD0B5
#CAD0B6
#C9D0B7
#CED0B2
#CCD0B4
#CBD0B5
#C9D0B7
#C8D0B8
#C6D0BA
#C4D0BC
#CFCFB2
#CDCFB4
#CACFB7
#C8CFB9
#C5CFBC
#C3CFBE
#C0CFC1
#D0CEB2
#CDCEB5
#CACEB8
#C6CEBC
#C3CEBF
#C0CEC2
#BCCEC6
#D0CEB2
#CCCEB6
#C8CEBA
#C4CEBE
#C0CEC2
#BCCEC6
#B7CECB
#D1CDB2
#CCCDB7
#C7CDBC
#C2CDC1
#BDCDC6
#B8CDCB
#B2CDD1
Colorpallet from #CDD1B2 to #D1CDB2 and to #B2D1CD
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CED0B2
#CDD0B3
#CCD0B3
#CCD0B4
#CBD1B5
#CAD1B5
#C9D1B6
#CED0B2
#CCD0B3
#CBD0B5
#C9D0B6
#C8D1B8
#C6D1B9
#C4D1BB
#CFCFB2
#CDCFB4
#CAD0B6
#C8D0B8
#C5D0BA
#C3D1BC
#C0D1BF
#D0CEB2
#CDCEB5
#CACFB7
#C6CFBA
#C3D0BD
#C0D0C0
#BCD1C3
#D0CEB2
#CCCEB6
#C8CFB9
#C4CFBD
#C0D0C0
#BCD0C4
#B7D1C8
#D1CDB2
#CCCEB6
#C7CEBB
#C2CFBF
#BDD0C3
#B8D0C8
#B2D1CD
Colorpallet from #CDD1B2 to #D1B2CD and to #B2CDD1
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CECCB6
#CDCDB6
#CCCDB6
#CCCEB6
#CBCFB7
#CACFB7
#C9D0B7
#CEC7BB
#CCC8BB
#CBCABB
#C9CBBB
#C8CDBC
#C6CEBC
#C4D0BC
#CFC2BF
#CDC4BF
#CAC6C0
#C8C8C0
#C5CAC0
#C3CCC1
#C0CFC1
#D0BDC3
#CDC0C3
#CAC2C4
#C6C5C4
#C3C8C5
#C0CBC5
#BCCEC6
#D0B8C8
#CCBCC8
#C8BFC9
#C4C3C9
#C0C6CA
#BCCACA
#B7CECB
#D1B2CD
#CCB6CE
#C7BBCE
#C2BFCF
#BDC3D0
#B8C8D0
#B2CDD1
Colorpallet from #CDD1B2 to #D1B2CD and to #B2D1CD
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CECCB6
#CDCDB6
#CCCEB6
#CCCEB6
#CBCFB6
#CAD0B6
#C9D1B6
#CEC7BB
#CCC9BB
#CBCABB
#C9CCBB
#C8CDBB
#C6CFBB
#C4D1BB
#CFC2BF
#CDC4BF
#CAC7BF
#C8C9BF
#C5CCBF
#C3CEBF
#C0D1BF
#D0BDC3
#CDC0C3
#CAC3C3
#C6C7C3
#C3CAC3
#C0CDC3
#BCD1C3
#D0B8C8
#CCBCC8
#C8C0C8
#C4C4C8
#C0C8C8
#BCCCC8
#B7D1C8
#D1B2CD
#CCB7CD
#C7BCCD
#C2C1CD
#BDC6CD
#B8CBCD
#B2D1CD
Colorpallet from #CDD1B2 to #B2CDD1 and to #B2D1CD
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#CDD1B2
#C9D0B7
#C9D0B7
#C9D0B7
#C9D0B7
#C9D1B6
#C9D1B6
#C9D1B6
#C4D0BC
#C4D0BC
#C4D0BC
#C4D0BC
#C4D1BB
#C4D1BB
#C4D1BB
#C0CFC1
#C0CFC1
#C0D0C0
#C0D0C0
#C0D0C0
#C0D1BF
#C0D1BF
#BCCEC6
#BCCEC6
#BCCFC5
#BCCFC5
#BCD0C4
#BCD0C4
#BCD1C3
#B7CECB
#B7CECB
#B7CFCA
#B7CFCA
#B7D0C9
#B7D0C9
#B7D1C8
#B2CDD1
#B2CED0
#B2CED0
#B2CFCF
#B2D0CE
#B2D0CE
#B2D1CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts