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 #BCDAD2 to #BCD2DA and to #DABCD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCD9D3
#BDD8D3
#BED8D3
#BED7D3
#BFD6D2
#C0D6D2
#C1D5D2
#BCD7D5
#BED6D5
#BFD5D4
#C1D4D4
#C2D3D3
#C4D1D3
#C6D0D2
#BCD6D6
#BED4D5
#C0D3D5
#C3D1D4
#C5D0D3
#C7CED3
#CACCD2
#BCD5D7
#BFD3D6
#C2D1D5
#C5CED5
#C8CCD4
#CBCAD3
#CFC7D2
#BCD4D8
#C0D1D7
#C4CED6
#C8CBD5
#CBC8D4
#CFC6D3
#D4C2D2
#BCD2DA
#C1CED9
#C6CBD7
#CAC7D6
#CFC4D5
#D4C0D4
#DABCD2
Colorpallet from #BCDAD2 to #BCD2DA and to #DAD2BC
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCD9D3
#BDD9D2
#BED9D1
#BED9D1
#BFD9D0
#C0D9CF
#C1D9CE
#BCD7D5
#BED7D3
#BFD7D2
#C1D7D0
#C2D7CF
#C4D7CD
#C6D7CB
#BCD6D6
#BED6D4
#C0D6D1
#C3D6CF
#C5D6CC
#C7D6CA
#CAD6C7
#BCD5D7
#BFD5D4
#C2D5D1
#C5D5CE
#C8D5CB
#CBD5C8
#CFD5C4
#BCD4D8
#C0D4D4
#C4D4D0
#C8D4CC
#CBD4C9
#CFD4C5
#D4D4C0
#BCD2DA
#C1D2D5
#C6D2D0
#CAD2CC
#CFD2C7
#D4D2C2
#DAD2BC
Colorpallet from #BCDAD2 to #BCD2DA and to #D2BCDA
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCD9D3
#BDD8D3
#BDD8D3
#BED7D3
#BFD6D3
#BFD6D3
#C0D5D3
#BCD7D5
#BDD6D5
#BED5D5
#BFD4D5
#C0D3D5
#C2D1D5
#C3D0D5
#BCD6D6
#BED4D6
#C0D3D6
#C1D1D6
#C3D0D6
#C5CED6
#C7CCD6
#BCD5D7
#BED3D7
#C0D1D7
#C3CED7
#C5CCD7
#C7CAD7
#CAC7D7
#BCD4D8
#BFD1D8
#C2CED8
#C5CBD8
#C8C8D8
#CAC6D8
#CEC2D8
#BCD2DA
#C0CEDA
#C3CBDA
#C7C7DA
#CAC4DA
#CEC0DA
#D2BCDA
Colorpallet from #BCDAD2 to #BCD2DA and to #D2DABC
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCD9D3
#BDD9D2
#BDD9D1
#BED9D1
#BFDAD0
#BFDACF
#C0DACE
#BCD7D5
#BDD7D3
#BED8D2
#BFD8D0
#C0D9CF
#C2D9CD
#C3DACB
#BCD6D6
#BED7D4
#C0D7D1
#C1D8CF
#C3D9CC
#C5D9CA
#C7DAC7
#BCD5D7
#BED6D4
#C0D7D1
#C3D7CE
#C5D8CB
#C7D9C8
#CADAC4
#BCD4D8
#BFD5D4
#C2D6D0
#C5D7CC
#C8D8C9
#CAD9C5
#CEDAC0
#BCD2DA
#C0D3D5
#C3D5D0
#C7D6CC
#CAD7C7
#CED8C2
#D2DABC
Colorpallet from #BCDAD2 to #DABCD2 and to #DAD2BC
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#C1D5D2
#C1D6D1
#C1D6D1
#C1D7D0
#C1D8CF
#C1D8CF
#C1D9CE
#C6D0D2
#C6D1D1
#C6D2D0
#C6D3CF
#C6D4CE
#C6D6CC
#C6D7CB
#CACCD2
#CACED0
#CACFCE
#CAD1CD
#CAD2CB
#CAD4C9
#CAD6C7
#CFC7D2
#CFC9D0
#CFCBCE
#CFCECB
#CFD0C9
#CFD2C7
#CFD5C4
#D4C2D2
#D4C5CF
#D4C8CC
#D4CBC9
#D4CEC6
#D4D0C4
#D4D4C0
#DABCD2
#DAC0CE
#DAC3CB
#DAC7C7
#DACAC4
#DACEC0
#DAD2BC
Colorpallet from #BCDAD2 to #DABCD2 and to #D2BCDA
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#C1D5D2
#C1D5D2
#C1D5D2
#C1D5D2
#C0D5D3
#C0D5D3
#C0D5D3
#C6D0D2
#C6D0D2
#C5D0D3
#C5D0D3
#C4D0D4
#C4D0D4
#C3D0D5
#CACCD2
#CACCD3
#C9CCD3
#C9CCD4
#C8CCD5
#C8CCD5
#C7CCD6
#CFC7D2
#CEC7D3
#CDC7D4
#CDC7D4
#CCC7D5
#CBC7D6
#CAC7D7
#D4C2D2
#D3C2D3
#D2C2D4
#D1C2D5
#D0C2D6
#CFC2D7
#CEC2D8
#DABCD2
#D9BCD3
#D7BCD5
#D6BCD6
#D5BCD7
#D4BCD8
#D2BCDA
Colorpallet from #BCDAD2 to #DABCD2 and to #D2DABC
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#C1D5D2
#C1D6D1
#C1D7D1
#C1D7D0
#C0D8CF
#C0D9CF
#C0DACE
#C6D0D2
#C6D2D1
#C5D3D0
#C5D5CF
#C4D6CE
#C4D8CC
#C3DACB
#CACCD2
#CACED0
#C9D0CE
#C9D3CD
#C8D5CB
#C8D7C9
#C7DAC7
#CFC7D2
#CECAD0
#CDCDCE
#CDD0CB
#CCD3C9
#CBD6C7
#CADAC4
#D4C2D2
#D3C6CF
#D2CACC
#D1CEC9
#D0D1C6
#CFD5C4
#CEDAC0
#DABCD2
#D9C1CE
#D7C6CB
#D6CAC7
#D5CFC4
#D4D4C0
#D2DABC
Colorpallet from #BCDAD2 to #DAD2BC and to #D2BCDA
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#C1D9CE
#C1D8CF
#C1D8D0
#C1D7D0
#C0D6D1
#C0D6D2
#C0D5D3
#C6D7CB
#C6D6CD
#C5D5CE
#C5D4D0
#C4D3D1
#C4D1D3
#C3D0D5
#CAD6C7
#CAD4C9
#C9D3CC
#C9D1CE
#C8D0D1
#C8CED3
#C7CCD6
#CFD5C4
#CED3C7
#CDD1CA
#CDCECD
#CCCCD0
#CBCAD3
#CAC7D7
#D4D4C0
#D3D1C4
#D2CEC8
#D1CBCC
#D0C8CF
#CFC6D3
#CEC2D8
#DAD2BC
#D9CEC1
#D7CBC6
#D6C7CA
#D5C4CF
#D4C0D4
#D2BCDA
Colorpallet from #BCDAD2 to #DAD2BC and to #D2DABC
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#C1D9CE
#C1D9CE
#C1D9CE
#C1D9CE
#C0DACE
#C0DACE
#C0DACE
#C6D7CB
#C6D7CB
#C5D8CB
#C5D8CB
#C4D9CB
#C4D9CB
#C3DACB
#CAD6C7
#CAD7C7
#C9D7C7
#C9D8C7
#C8D9C7
#C8D9C7
#C7DAC7
#CFD5C4
#CED6C4
#CDD7C4
#CDD7C4
#CCD8C4
#CBD9C4
#CADAC4
#D4D4C0
#D3D5C0
#D2D6C0
#D1D7C0
#D0D8C0
#CFD9C0
#CEDAC0
#DAD2BC
#D9D3BC
#D7D5BC
#D6D6BC
#D5D7BC
#D4D8BC
#D2DABC
Colorpallet from #BCDAD2 to #D2BCDA and to #D2DABC
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#BCDAD2
#C0D5D3
#C0D6D2
#C0D7D1
#C0D7D1
#C0D8D0
#C0D9CF
#C0DACE
#C3D0D5
#C3D2D3
#C3D3D2
#C3D5D0
#C3D6CF
#C3D8CD
#C3DACB
#C7CCD6
#C7CED4
#C7D0D1
#C7D3CF
#C7D5CC
#C7D7CA
#C7DAC7
#CAC7D7
#CACAD4
#CACDD1
#CAD0CE
#CAD3CB
#CAD6C8
#CADAC4
#CEC2D8
#CEC6D4
#CECAD0
#CECECC
#CED1C9
#CED5C5
#CEDAC0
#D2BCDA
#D2C1D5
#D2C6D0
#D2CACC
#D2CFC7
#D2D4C2
#D2DABC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts