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 #C2DAF5 to #C2F5DA and to #DAC2F5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DEF1
#C3DDF2
#C3DBF2
#C4DAF3
#C5D9F4
#C5D8F4
#C6D6F5
#C2E3EC
#C3E0ED
#C5DEEF
#C6DBF0
#C7D8F2
#C8D5F3
#CAD2F5
#C2E7E8
#C4E3EA
#C6DFEC
#C8DBEE
#CAD7F0
#CCD3F2
#CECEF5
#C2EBE4
#C4E6E7
#C7E1E9
#C9DCEC
#CCD7EF
#CED1F2
#D1CBF5
#C2F0DF
#C5E9E3
#C8E3E6
#CBDCEA
#CED6ED
#D1CFF1
#D5C7F5
#C2F5DA
#C6EDDE
#CAE5E3
#CEDDE7
#D1D4EB
#D5CCF0
#DAC2F5
Colorpallet from #C2DAF5 to #C2F5DA and to #DAF5C2
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DEF1
#C3DEF0
#C3DEF0
#C4DEEF
#C5DEEE
#C5DEEE
#C6DEED
#C2E3EC
#C3E3EB
#C5E3EA
#C6E3E9
#C7E3E8
#C8E3E6
#CAE3E5
#C2E7E8
#C4E7E6
#C6E7E4
#C8E7E3
#CAE7E1
#CCE7DF
#CEE7DD
#C2EBE4
#C4EBE1
#C7EBDF
#C9EBDC
#CCEBDA
#CEEBD7
#D1EBD4
#C2F0DF
#C5F0DC
#C8F0D9
#CBF0D6
#CEF0D3
#D1F0D0
#D5F0CC
#C2F5DA
#C6F5D6
#CAF5D2
#CEF5CE
#D1F5CB
#D5F5C7
#DAF5C2
Colorpallet from #C2DAF5 to #C2F5DA and to #F5C2DA
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DEF1
#C3DDF1
#C5DBF1
#C6DAF1
#C7D9F1
#C8D8F1
#CAD6F1
#C2E3EC
#C5E0EC
#C7DEEC
#CADBEC
#CCD8EC
#CFD5EC
#D2D2EC
#C2E7E8
#C6E3E8
#CADFE8
#CEDBE8
#D1D7E8
#D5D3E8
#DACEE8
#C2EBE4
#C7E6E4
#CDE1E4
#D2DCE4
#D7D7E4
#DCD1E4
#E3CBE4
#C2F0DF
#C9E9DF
#CFE3DF
#D6DCDF
#DCD6DF
#E3CFDF
#EBC7DF
#C2F5DA
#CAEDDA
#D2E5DA
#DADDDA
#E3D4DA
#EBCCDA
#F5C2DA
Colorpallet from #C2DAF5 to #C2F5DA and to #F5DAC2
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DEF1
#C3DDF0
#C5DDF0
#C6DCEF
#C7DBEE
#C8DBEE
#CADAED
#C2E3EC
#C5E2EB
#C7E0EA
#CADFE9
#CCDDE8
#CFDCE6
#D2DAE5
#C2E7E8
#C6E5E6
#CAE3E4
#CEE1E3
#D1DFE1
#D5DDDF
#DADADD
#C2EBE4
#C7E8E1
#CDE6DF
#D2E3DC
#D7E0DA
#DCDDD7
#E3DAD4
#C2F0DF
#C9ECDC
#CFE9D9
#D6E5D6
#DCE2D3
#E3DED0
#EBDACC
#C2F5DA
#CAF1D6
#D2ECD2
#DAE8CE
#E3E4CB
#EBDFC7
#F5DAC2
Colorpallet from #C2DAF5 to #DAC2F5 and to #DAF5C2
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C6D6F5
#C6D7F4
#C6D9F2
#C6DAF1
#C6DBF0
#C6DCEF
#C6DEED
#CAD2F5
#CAD5F2
#CAD7F0
#CADAED
#CADDEB
#CAE0E8
#CAE3E5
#CECEF5
#CED2F1
#CED6ED
#CEDAE9
#CEDEE6
#CEE2E2
#CEE7DD
#D1CBF5
#D1D0F0
#D1D5EA
#D1DAE5
#D1DFE0
#D1E5DB
#D1EBD4
#D5C7F5
#D5CEEE
#D5D4E8
#D5DBE1
#D5E1DB
#D5E8D4
#D5F0CC
#DAC2F5
#DACAED
#DAD2E5
#DADADD
#DAE3D4
#DAEBCC
#DAF5C2
Colorpallet from #C2DAF5 to #DAC2F5 and to #F5C2DA
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C6D6F5
#C7D6F4
#C7D6F4
#C8D6F3
#C9D6F2
#C9D6F2
#CAD6F1
#CAD2F5
#CBD2F4
#CDD2F2
#CED2F1
#CFD2EF
#D0D2EE
#D2D2EC
#CECEF5
#D0CEF3
#D2CEF1
#D4CEEF
#D6CEED
#D8CEEB
#DACEE8
#D1CBF5
#D4CBF2
#D7CBF0
#DACBED
#DDCBEA
#DFCBE7
#E3CBE4
#D5C7F5
#D9C7F1
#DCC7EE
#E0C7EA
#E3C7E7
#E7C7E3
#EBC7DF
#DAC2F5
#DEC2F1
#E3C2EC
#E7C2E8
#EBC2E4
#F0C2DF
#F5C2DA
Colorpallet from #C2DAF5 to #DAC2F5 and to #F5DAC2
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C6D6F5
#C7D7F4
#C7D7F2
#C8D8F1
#C9D9F0
#C9D9EF
#CADAED
#CAD2F5
#CBD3F2
#CDD5F0
#CED6ED
#CFD7EB
#D0D8E8
#D2DAE5
#CECEF5
#D0D0F1
#D2D2ED
#D4D4E9
#D6D6E6
#D8D8E2
#DADADD
#D1CBF5
#D4CDF0
#D7D0EA
#DAD2E5
#DDD5E0
#DFD7DB
#E3DAD4
#D5C7F5
#D9CAEE
#DCCDE8
#E0D0E1
#E3D3DB
#E7D6D4
#EBDACC
#DAC2F5
#DEC6ED
#E3CAE5
#E7CEDD
#EBD1D4
#F0D5CC
#F5DAC2
Colorpallet from #C2DAF5 to #DAF5C2 and to #F5C2DA
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C6DEED
#C7DDEE
#C7DBEE
#C8DAEF
#C9D9F0
#C9D8F0
#CAD6F1
#CAE3E5
#CBE0E6
#CDDEE7
#CEDBE8
#CFD8E9
#D0D5EB
#D2D2EC
#CEE7DD
#D0E3DF
#D2DFE1
#D4DBE2
#D6D7E4
#D8D3E6
#DACEE8
#D1EBD4
#D4E6D7
#D7E1D9
#DADCDC
#DDD7DE
#DFD1E1
#E3CBE4
#D5F0CC
#D9E9CF
#DCE3D2
#E0DCD5
#E3D6D8
#E7CFDB
#EBC7DF
#DAF5C2
#DEEDC6
#E3E5CA
#E7DDCE
#EBD4D1
#F0CCD5
#F5C2DA
Colorpallet from #C2DAF5 to #DAF5C2 and to #F5DAC2
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C6DEED
#C7DDED
#C7DDED
#C8DCED
#C9DBED
#C9DBED
#CADAED
#CAE3E5
#CBE2E5
#CDE0E5
#CEDFE5
#CFDDE5
#D0DCE5
#D2DAE5
#CEE7DD
#D0E5DD
#D2E3DD
#D4E1DD
#D6DFDD
#D8DDDD
#DADADD
#D1EBD4
#D4E8D4
#D7E6D4
#DAE3D4
#DDE0D4
#DFDDD4
#E3DAD4
#D5F0CC
#D9ECCC
#DCE9CC
#E0E5CC
#E3E2CC
#E7DECC
#EBDACC
#DAF5C2
#DEF1C2
#E3ECC2
#E7E8C2
#EBE4C2
#F0DFC2
#F5DAC2
Colorpallet from #C2DAF5 to #F5C2DA and to #F5DAC2
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#C2DAF5
#CAD6F1
#CAD7F0
#CAD7F0
#CAD8EF
#CAD9EE
#CAD9EE
#CADAED
#D2D2EC
#D2D3EB
#D2D5EA
#D2D6E9
#D2D7E8
#D2D8E6
#D2DAE5
#DACEE8
#DAD0E6
#DAD2E4
#DAD4E3
#DAD6E1
#DAD8DF
#DADADD
#E3CBE4
#E3CDE1
#E3D0DF
#E3D2DC
#E3D5DA
#E3D7D7
#E3DAD4
#EBC7DF
#EBCADC
#EBCDD9
#EBD0D6
#EBD3D3
#EBD6D0
#EBDACC
#F5C2DA
#F5C6D6
#F5CAD2
#F5CECE
#F5D1CB
#F5D5C7
#F5DAC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts