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 #BCCADB to #BCDBCA and to #CABCDB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCDD8
#BCCCD8
#BDCBD9
#BDCBD9
#BDCADA
#BEC9DA
#BEC8DB
#BCCFD6
#BDCED7
#BDCCD8
#BECBD8
#BFC9D9
#BFC8DA
#C0C6DB
#BCD2D3
#BDD0D4
#BECDD6
#BFCBD7
#C0C8D8
#C2C6D9
#C3C3DB
#BCD5D0
#BDD2D2
#BFCFD4
#C0CBD5
#C2C8D7
#C3C5D9
#C5C1DB
#BCD8CD
#BED4CF
#C0D0D1
#C1CCD4
#C3C8D6
#C5C4D8
#C7BFDB
#BCDBCA
#BED6CD
#C0D1CF
#C3CCD2
#C5C7D5
#C7C2D8
#CABCDB
Colorpallet from #BCCADB to #BCDBCA and to #CADBBC
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCDD8
#BCCDD8
#BDCDD7
#BDCDD7
#BDCDD7
#BECDD6
#BECDD6
#BCCFD6
#BDCFD5
#BDCFD4
#BECFD4
#BFCFD3
#BFCFD2
#C0CFD1
#BCD2D3
#BDD2D2
#BED2D1
#BFD2D0
#C0D2CF
#C2D2CD
#C3D2CC
#BCD5D0
#BDD5CF
#BFD5CD
#C0D5CC
#C2D5CA
#C3D5C9
#C5D5C7
#BCD8CD
#BED8CB
#C0D8C9
#C1D8C8
#C3D8C6
#C5D8C4
#C7D8C2
#BCDBCA
#BEDBC8
#C0DBC6
#C3DBC3
#C5DBC1
#C7DBBF
#CADBBC
Colorpallet from #BCCADB to #BCDBCA and to #DBBCCA
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCDD8
#BDCCD8
#BECBD8
#BECBD8
#BFCAD8
#C0C9D8
#C1C8D8
#BCCFD6
#BECED6
#BFCCD6
#C1CBD6
#C2C9D6
#C4C8D6
#C6C6D6
#BCD2D3
#BED0D3
#C1CDD3
#C3CBD3
#C6C8D3
#C8C6D3
#CBC3D3
#BCD5D0
#BFD2D0
#C2CFD0
#C6CBD0
#C9C8D0
#CCC5D0
#D0C1D0
#BCD8CD
#C0D4CD
#C4D0CD
#C8CCCD
#CCC8CD
#D0C4CD
#D5BFCD
#BCDBCA
#C1D6CA
#C6D1CA
#CBCCCA
#D0C7CA
#D5C2CA
#DBBCCA
Colorpallet from #BCCADB to #BCDBCA and to #DBCABC
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCDD8
#BDCDD8
#BECCD7
#BECCD7
#BFCBD7
#C0CBD6
#C1CAD6
#BCCFD6
#BECED5
#BFCDD4
#C1CDD4
#C2CCD3
#C4CBD2
#C6CAD1
#BCD2D3
#BED1D2
#C1CFD1
#C3CED0
#C6CDCF
#C8CCCD
#CBCACC
#BCD5D0
#BFD3CF
#C2D1CD
#C6D0CC
#C9CECA
#CCCCC9
#D0CAC7
#BCD8CD
#C0D6CB
#C4D4C9
#C8D1C8
#CCCFC6
#D0CDC4
#D5CAC2
#BCDBCA
#C1D8C8
#C6D6C6
#CBD3C3
#D0D0C1
#D5CDBF
#DBCABC
Colorpallet from #BCCADB to #CABCDB and to #CADBBC
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BEC8DB
#BEC9DA
#BECAD9
#BECAD9
#BECBD8
#BECCD7
#BECDD6
#C0C6DB
#C0C7D9
#C0C9D8
#C0CAD6
#C0CCD5
#C0CDD3
#C0CFD1
#C3C3DB
#C3C5D9
#C3C8D6
#C3CAD4
#C3CDD1
#C3CFCF
#C3D2CC
#C5C1DB
#C5C4D8
#C5C7D5
#C5CBD1
#C5CECE
#C5D1CB
#C5D5C7
#C7BFDB
#C7C3D7
#C7C7D3
#C7CBCF
#C7CFCB
#C7D3C7
#C7D8C2
#CABCDB
#CAC1D6
#CAC6D1
#CACBCC
#CAD0C7
#CAD5C2
#CADBBC
Colorpallet from #BCCADB to #CABCDB and to #DBBCCA
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BEC8DB
#BEC8DB
#BFC8DA
#BFC8DA
#C0C8D9
#C0C8D9
#C1C8D8
#C0C6DB
#C1C6DA
#C2C6D9
#C3C6D9
#C4C6D8
#C5C6D7
#C6C6D6
#C3C3DB
#C4C3DA
#C6C3D8
#C7C3D7
#C8C3D6
#C9C3D5
#CBC3D3
#C5C1DB
#C7C1D9
#C9C1D7
#CAC1D6
#CCC1D4
#CEC1D2
#D0C1D0
#C7BFDB
#C9BFD9
#CBBFD7
#CEBFD4
#D0BFD2
#D2BFD0
#D5BFCD
#CABCDB
#CDBCD8
#CFBCD6
#D2BCD3
#D5BCD0
#D8BCCD
#DBBCCA
Colorpallet from #BCCADB to #CABCDB and to #DBCABC
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BEC8DB
#BEC8DA
#BFC9D9
#BFC9D9
#C0C9D8
#C0CAD7
#C1CAD6
#C0C6DB
#C1C7D9
#C2C7D8
#C3C8D6
#C4C9D5
#C5C9D3
#C6CAD1
#C3C3DB
#C4C4D9
#C6C5D6
#C7C6D4
#C8C7D1
#C9C9CF
#CBCACC
#C5C1DB
#C7C2D8
#C9C4D5
#CAC5D1
#CCC7CE
#CEC8CB
#D0CAC7
#C7BFDB
#C9C1D7
#CBC3D3
#CEC4CF
#D0C6CB
#D2C8C7
#D5CAC2
#CABCDB
#CDBED6
#CFC0D1
#D2C3CC
#D5C5C7
#D8C7C2
#DBCABC
Colorpallet from #BCCADB to #CADBBC and to #DBBCCA
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BECDD6
#BECCD6
#BFCBD7
#BFCBD7
#C0CAD7
#C0C9D8
#C1C8D8
#C0CFD1
#C1CED2
#C2CCD3
#C3CBD3
#C4C9D4
#C5C8D5
#C6C6D6
#C3D2CC
#C4D0CD
#C6CDCE
#C7CBCF
#C8C8D0
#C9C6D2
#CBC3D3
#C5D5C7
#C7D2C8
#C9CFCA
#CACBCB
#CCC8CD
#CEC5CE
#D0C1D0
#C7D8C2
#C9D4C4
#CBD0C6
#CECCC7
#D0C8C9
#D2C4CB
#D5BFCD
#CADBBC
#CDD6BE
#CFD1C0
#D2CCC3
#D5C7C5
#D8C2C7
#DBBCCA
Colorpallet from #BCCADB to #CADBBC and to #DBCABC
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BECDD6
#BECDD6
#BFCCD6
#BFCCD6
#C0CBD6
#C0CBD6
#C1CAD6
#C0CFD1
#C1CED1
#C2CDD1
#C3CDD1
#C4CCD1
#C5CBD1
#C6CAD1
#C3D2CC
#C4D1CC
#C6CFCC
#C7CECC
#C8CDCC
#C9CCCC
#CBCACC
#C5D5C7
#C7D3C7
#C9D1C7
#CAD0C7
#CCCEC7
#CECCC7
#D0CAC7
#C7D8C2
#C9D6C2
#CBD4C2
#CED1C2
#D0CFC2
#D2CDC2
#D5CAC2
#CADBBC
#CDD8BC
#CFD6BC
#D2D3BC
#D5D0BC
#D8CDBC
#DBCABC
Colorpallet from #BCCADB to #DBBCCA and to #DBCABC
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#BCCADB
#C1C8D8
#C1C8D8
#C1C9D7
#C1C9D7
#C1C9D7
#C1CAD6
#C1CAD6
#C6C6D6
#C6C7D5
#C6C7D4
#C6C8D4
#C6C9D3
#C6C9D2
#C6CAD1
#CBC3D3
#CBC4D2
#CBC5D1
#CBC6D0
#CBC7CF
#CBC9CD
#CBCACC
#D0C1D0
#D0C2CF
#D0C4CD
#D0C5CC
#D0C7CA
#D0C8C9
#D0CAC7
#D5BFCD
#D5C1CB
#D5C3C9
#D5C4C8
#D5C6C6
#D5C8C4
#D5CAC2
#DBBCCA
#DBBEC8
#DBC0C6
#DBC3C3
#DBC5C1
#DBC7BF
#DBCABC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts