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 #C4D8E8 to #C4E8D8 and to #D8C4E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4DBE5
#C4DAE5
#C5D9E6
#C5D8E6
#C6D7E7
#C6D6E7
#C7D5E8
#C4DDE3
#C5DBE4
#C6D9E5
#C7D8E5
#C8D6E6
#C9D4E7
#CAD2E8
#C4E0E0
#C6DDE1
#C7DAE3
#C9D7E4
#CAD4E5
#CCD2E6
#CECEE8
#C4E2DE
#C6DEE0
#C8DBE1
#CAD7E3
#CCD3E4
#CED0E6
#D1CBE8
#C4E5DB
#C7E0DD
#C9DCDF
#CCD7E1
#CED2E3
#D1CEE5
#D4C8E8
#C4E8D8
#C7E2DB
#CADCDD
#CED7E0
#D1D1E2
#D4CBE5
#D8C4E8
Colorpallet from #C4D8E8 to #C4E8D8 and to #D8E8C4
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4DBE5
#C4DBE5
#C5DBE4
#C5DBE4
#C6DBE3
#C6DBE3
#C7DBE2
#C4DDE3
#C5DDE2
#C6DDE1
#C7DDE0
#C8DDDF
#C9DDDD
#CADDDC
#C4E0E0
#C6E0DF
#C7E0DD
#C9E0DC
#CAE0DA
#CCE0D9
#CEE0D7
#C4E2DE
#C6E2DC
#C8E2DA
#CAE2D8
#CCE2D6
#CEE2D4
#D1E2D1
#C4E5DB
#C7E5D8
#C9E5D6
#CCE5D3
#CEE5D1
#D1E5CE
#D4E5CB
#C4E8D8
#C7E8D5
#CAE8D2
#CEE8CE
#D1E8CB
#D4E8C8
#D8E8C4
Colorpallet from #C4D8E8 to #C4E8D8 and to #E8C4D8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4DBE5
#C5DAE5
#C6D9E5
#C7D8E5
#C8D7E5
#C9D6E5
#CAD5E5
#C4DDE3
#C6DBE3
#C8D9E3
#CAD8E3
#CCD6E3
#CED4E3
#D0D2E3
#C4E0E0
#C7DDE0
#C9DAE0
#CCD7E0
#CFD4E0
#D2D2E0
#D5CEE0
#C4E2DE
#C8DEDE
#CBDBDE
#CFD7DE
#D3D3DE
#D6D0DE
#DBCBDE
#C4E5DB
#C9E0DB
#CDDCDB
#D2D7DB
#D7D2DB
#DBCEDB
#E1C8DB
#C4E8D8
#CAE2D8
#D0DCD8
#D5D7D8
#DBD1D8
#E1CBD8
#E8C4D8
Colorpallet from #C4D8E8 to #C4E8D8 and to #E8D8C4
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4DBE5
#C5DBE5
#C6DAE4
#C7DAE4
#C8D9E3
#C9D9E3
#CAD8E2
#C4DDE3
#C6DCE2
#C8DBE1
#CADBE0
#CCDADF
#CED9DD
#D0D8DC
#C4E0E0
#C7DFDF
#C9DDDD
#CCDCDC
#CFDBDA
#D2DAD9
#D5D8D7
#C4E2DE
#C8E0DC
#CBDFDA
#CFDDD8
#D3DCD6
#D6DAD4
#DBD8D1
#C4E5DB
#C9E3D8
#CDE1D6
#D2DFD3
#D7DDD1
#DBDBCE
#E1D8CB
#C4E8D8
#CAE5D5
#D0E3D2
#D5E0CE
#DBDECB
#E1DBC8
#E8D8C4
Colorpallet from #C4D8E8 to #D8C4E8 and to #D8E8C4
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C7D5E8
#C7D6E7
#C7D7E6
#C7D8E5
#C7D9E4
#C7DAE3
#C7DBE2
#CAD2E8
#CAD4E6
#CAD6E4
#CAD7E2
#CAD9E0
#CADBDE
#CADDDC
#CECEE8
#CED1E5
#CED4E3
#CED7E0
#CEDADD
#CEDCDA
#CEE0D7
#D1CBE8
#D1CFE4
#D1D2E1
#D1D6DD
#D1DAD9
#D1DDD6
#D1E2D1
#D4C8E8
#D4CDE3
#D4D1DF
#D4D6DA
#D4DBD5
#D4DFD1
#D4E5CB
#D8C4E8
#D8CAE2
#D8D0DC
#D8D5D7
#D8DBD1
#D8E1CB
#D8E8C4
Colorpallet from #C4D8E8 to #D8C4E8 and to #E8C4D8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C7D5E8
#C7D5E8
#C8D5E7
#C8D5E7
#C9D5E6
#C9D5E6
#CAD5E5
#CAD2E8
#CBD2E7
#CCD2E6
#CDD2E6
#CED2E5
#CFD2E4
#D0D2E3
#CECEE8
#CFCEE7
#D0CEE5
#D1CEE4
#D2CEE3
#D4CEE2
#D5CEE0
#D1CBE8
#D3CBE6
#D4CBE5
#D6CBE3
#D7CBE2
#D9CBE0
#DBCBDE
#D4C8E8
#D6C8E6
#D8C8E4
#DAC8E2
#DCC8E0
#DEC8DE
#E1C8DB
#D8C4E8
#DBC4E5
#DDC4E3
#E0C4E0
#E2C4DE
#E5C4DB
#E8C4D8
Colorpallet from #C4D8E8 to #D8C4E8 and to #E8D8C4
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C7D5E8
#C7D5E7
#C8D6E6
#C8D6E5
#C9D7E4
#C9D7E3
#CAD8E2
#CAD2E8
#CBD3E6
#CCD4E4
#CDD5E2
#CED6E0
#CFD7DE
#D0D8DC
#CECEE8
#CFD0E5
#D0D1E3
#D1D3E0
#D2D4DD
#D4D6DA
#D5D8D7
#D1CBE8
#D3CDE4
#D4CFE1
#D6D1DD
#D7D3D9
#D9D5D6
#DBD8D1
#D4C8E8
#D6CBE3
#D8CDDF
#DAD0DA
#DCD2D5
#DED5D1
#E1D8CB
#D8C4E8
#DBC7E2
#DDCADC
#E0CED7
#E2D1D1
#E5D4CB
#E8D8C4
Colorpallet from #C4D8E8 to #D8E8C4 and to #E8C4D8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C7DBE2
#C7DAE2
#C8D9E3
#C8D8E3
#C9D7E4
#C9D6E4
#CAD5E5
#CADDDC
#CBDBDD
#CCD9DE
#CDD8DF
#CED6E0
#CFD4E2
#D0D2E3
#CEE0D7
#CFDDD8
#D0DADA
#D1D7DB
#D2D4DD
#D4D2DE
#D5CEE0
#D1E2D1
#D3DED3
#D4DBD5
#D6D7D7
#D7D3D9
#D9D0DB
#DBCBDE
#D4E5CB
#D6E0CE
#D8DCD0
#DAD7D3
#DCD2D5
#DECED8
#E1C8DB
#D8E8C4
#DBE2C7
#DDDCCA
#E0D7CE
#E2D1D1
#E5CBD4
#E8C4D8
Colorpallet from #C4D8E8 to #D8E8C4 and to #E8D8C4
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C7DBE2
#C7DBE2
#C8DAE2
#C8DAE2
#C9D9E2
#C9D9E2
#CAD8E2
#CADDDC
#CBDCDC
#CCDBDC
#CDDBDC
#CEDADC
#CFD9DC
#D0D8DC
#CEE0D7
#CFDFD7
#D0DDD7
#D1DCD7
#D2DBD7
#D4DAD7
#D5D8D7
#D1E2D1
#D3E0D1
#D4DFD1
#D6DDD1
#D7DCD1
#D9DAD1
#DBD8D1
#D4E5CB
#D6E3CB
#D8E1CB
#DADFCB
#DCDDCB
#DEDBCB
#E1D8CB
#D8E8C4
#DBE5C4
#DDE3C4
#E0E0C4
#E2DEC4
#E5DBC4
#E8D8C4
Colorpallet from #C4D8E8 to #E8C4D8 and to #E8D8C4
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#C4D8E8
#CAD5E5
#CAD5E5
#CAD6E4
#CAD6E4
#CAD7E3
#CAD7E3
#CAD8E2
#D0D2E3
#D0D3E2
#D0D4E1
#D0D5E0
#D0D6DF
#D0D7DD
#D0D8DC
#D5CEE0
#D5D0DF
#D5D1DD
#D5D3DC
#D5D4DA
#D5D6D9
#D5D8D7
#DBCBDE
#DBCDDC
#DBCFDA
#DBD1D8
#DBD3D6
#DBD5D4
#DBD8D1
#E1C8DB
#E1CBD8
#E1CDD6
#E1D0D3
#E1D2D1
#E1D5CE
#E1D8CB
#E8C4D8
#E8C7D5
#E8CAD2
#E8CECE
#E8D1CB
#E8D4C8
#E8D8C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts