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 #BDDCE9 to #BDE9DC and to #DCBDE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDEE7
#BEDDE7
#BFDCE8
#BFDBE8
#C0DAE8
#C1D8E9
#C2D7E9
#BDE0E5
#BFDEE6
#C0DCE6
#C2D9E7
#C3D7E8
#C5D5E8
#C7D2E9
#BDE2E3
#BFDFE4
#C2DBE5
#C4D8E6
#C7D5E7
#C9D1E8
#CCCDE9
#BDE4E1
#C0E0E2
#C3DBE4
#C7D7E5
#CAD2E6
#CDCEE7
#D1C8E9
#BDE6DF
#C1E0E1
#C5DBE2
#C9D5E4
#CDD0E5
#D1CAE7
#D6C3E9
#BDE9DC
#C2E2DE
#C7DBE0
#CCD4E2
#D1CDE4
#D6C6E6
#DCBDE9
Colorpallet from #BDDCE9 to #BDE9DC and to #DCE9BD
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDEE7
#BEDEE6
#BFDEE5
#BFDEE5
#C0DEE4
#C1DEE3
#C2DEE2
#BDE0E5
#BFE0E3
#C0E0E2
#C2E0E0
#C3E0DF
#C5E0DD
#C7E0DB
#BDE2E3
#BFE2E1
#C2E2DE
#C4E2DC
#C7E2D9
#C9E2D7
#CCE2D4
#BDE4E1
#C0E4DE
#C3E4DB
#C7E4D7
#CAE4D4
#CDE4D1
#D1E4CD
#BDE6DF
#C1E6DB
#C5E6D7
#C9E6D3
#CDE6CF
#D1E6CB
#D6E6C6
#BDE9DC
#C2E9D7
#C7E9D2
#CCE9CD
#D1E9C8
#D6E9C3
#DCE9BD
Colorpallet from #BDDCE9 to #BDE9DC and to #E9BDDC
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDEE7
#BEDDE7
#BFDCE7
#C0DBE7
#C1DAE7
#C3D8E7
#C4D7E7
#BDE0E5
#BFDEE5
#C1DCE5
#C4D9E5
#C6D7E5
#C8D5E5
#CBD2E5
#BDE2E3
#C0DFE3
#C4DBE3
#C7D8E3
#CAD5E3
#CED1E3
#D2CDE3
#BDE4E1
#C1E0E1
#C6DBE1
#CAD7E1
#CFD2E1
#D3CEE1
#D9C8E1
#BDE6DF
#C3E0DF
#C8DBDF
#CED5DF
#D3D0DF
#D9CADF
#E0C3DF
#BDE9DC
#C4E2DC
#CBDBDC
#D2D4DC
#D9CDDC
#E0C6DC
#E9BDDC
Colorpallet from #BDDCE9 to #BDE9DC and to #E9DCBD
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDEE7
#BEDEE6
#BFDDE5
#C0DDE5
#C1DDE4
#C3DCE3
#C4DCE2
#BDE0E5
#BFDFE3
#C1DFE2
#C4DEE0
#C6DDDF
#C8DDDD
#CBDCDB
#BDE2E3
#C0E1E1
#C4E0DE
#C7DFDC
#CADED9
#CEDDD7
#D2DCD4
#BDE4E1
#C1E3DE
#C6E1DB
#CAE0D7
#CFDFD4
#D3DED1
#D9DCCD
#BDE6DF
#C3E4DB
#C8E3D7
#CEE1D3
#D3E0CF
#D9DECB
#E0DCC6
#BDE9DC
#C4E7D7
#CBE5D2
#D2E3CD
#D9E1C8
#E0DFC3
#E9DCBD
Colorpallet from #BDDCE9 to #DCBDE9 and to #DCE9BD
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#C2D7E9
#C2D8E8
#C2D9E7
#C2DAE6
#C2DBE5
#C2DDE3
#C2DEE2
#C7D2E9
#C7D4E7
#C7D6E5
#C7D9E2
#C7DBE0
#C7DDDE
#C7E0DB
#CCCDE9
#CCD0E6
#CCD4E2
#CCD7DF
#CCDADC
#CCDED8
#CCE2D4
#D1C8E9
#D1CCE5
#D1D1E0
#D1D5DC
#D1DAD7
#D1DED3
#D1E4CD
#D6C3E9
#D6C9E3
#D6CEDE
#D6D4D8
#D6D9D3
#D6DFCD
#D6E6C6
#DCBDE9
#DCC4E2
#DCCBDB
#DCD2D4
#DCD9CD
#DCE0C6
#DCE9BD
Colorpallet from #BDDCE9 to #DCBDE9 and to #E9BDDC
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#C2D7E9
#C2D7E9
#C3D7E8
#C3D7E8
#C3D7E8
#C4D7E7
#C4D7E7
#C7D2E9
#C8D2E8
#C8D2E8
#C9D2E7
#CAD2E6
#CAD2E6
#CBD2E5
#CCCDE9
#CDCDE8
#CECDE7
#CFCDE6
#D0CDE5
#D1CDE4
#D2CDE3
#D1C8E9
#D2C8E8
#D4C8E6
#D5C8E5
#D6C8E4
#D7C8E3
#D9C8E1
#D6C3E9
#D8C3E7
#D9C3E6
#DBC3E4
#DCC3E3
#DEC3E1
#E0C3DF
#DCBDE9
#DEBDE7
#E0BDE5
#E2BDE3
#E4BDE1
#E6BDDF
#E9BDDC
Colorpallet from #BDDCE9 to #DCBDE9 and to #E9DCBD
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#C2D7E9
#C2D8E8
#C3D9E7
#C3D9E6
#C3DAE5
#C4DBE3
#C4DCE2
#C7D2E9
#C8D4E7
#C8D5E5
#C9D7E2
#CAD8E0
#CADADE
#CBDCDB
#CCCDE9
#CDCFE6
#CED2E2
#CFD4DF
#D0D7DC
#D1D9D8
#D2DCD4
#D1C8E9
#D2CBE5
#D4CEE0
#D5D2DC
#D6D5D7
#D7D8D3
#D9DCCD
#D6C3E9
#D8C7E3
#D9CBDE
#DBCFD8
#DCD3D3
#DED7CD
#E0DCC6
#DCBDE9
#DEC2E2
#E0C7DB
#E2CCD4
#E4D1CD
#E6D6C6
#E9DCBD
Colorpallet from #BDDCE9 to #DCE9BD and to #E9BDDC
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#C2DEE2
#C2DDE3
#C3DCE4
#C3DBE4
#C3DAE5
#C4D8E6
#C4D7E7
#C7E0DB
#C8DEDD
#C8DCDE
#C9D9E0
#CAD7E1
#CAD5E3
#CBD2E5
#CCE2D4
#CDDFD6
#CEDBD9
#CFD8DB
#D0D5DE
#D1D1E0
#D2CDE3
#D1E4CD
#D2E0D0
#D4DBD3
#D5D7D7
#D6D2DA
#D7CEDD
#D9C8E1
#D6E6C6
#D8E0CA
#D9DBCE
#DBD5D2
#DCD0D6
#DECADA
#E0C3DF
#DCE9BD
#DEE2C2
#E0DBC7
#E2D4CC
#E4CDD1
#E6C6D6
#E9BDDC
Colorpallet from #BDDCE9 to #DCE9BD and to #E9DCBD
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#C2DEE2
#C2DEE2
#C3DDE2
#C3DDE2
#C3DDE2
#C4DCE2
#C4DCE2
#C7E0DB
#C8DFDB
#C8DFDB
#C9DEDB
#CADDDB
#CADDDB
#CBDCDB
#CCE2D4
#CDE1D4
#CEE0D4
#CFDFD4
#D0DED4
#D1DDD4
#D2DCD4
#D1E4CD
#D2E3CD
#D4E1CD
#D5E0CD
#D6DFCD
#D7DECD
#D9DCCD
#D6E6C6
#D8E4C6
#D9E3C6
#DBE1C6
#DCE0C6
#DEDEC6
#E0DCC6
#DCE9BD
#DEE7BD
#E0E5BD
#E2E3BD
#E4E1BD
#E6DFBD
#E9DCBD
Colorpallet from #BDDCE9 to #E9BDDC and to #E9DCBD
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#BDDCE9
#C4D7E7
#C4D8E6
#C4D9E5
#C4D9E5
#C4DAE4
#C4DBE3
#C4DCE2
#CBD2E5
#CBD4E3
#CBD5E2
#CBD7E0
#CBD8DF
#CBDADD
#CBDCDB
#D2CDE3
#D2CFE1
#D2D2DE
#D2D4DC
#D2D7D9
#D2D9D7
#D2DCD4
#D9C8E1
#D9CBDE
#D9CEDB
#D9D2D7
#D9D5D4
#D9D8D1
#D9DCCD
#E0C3DF
#E0C7DB
#E0CBD7
#E0CFD3
#E0D3CF
#E0D7CB
#E0DCC6
#E9BDDC
#E9C2D7
#E9C7D2
#E9CCCD
#E9D1C8
#E9D6C3
#E9DCBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts