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 #C2DEF1 to #C2F1DE and to #DEC2F1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2E1EE
#C3E0EE
#C3DFEF
#C4DEEF
#C5DDF0
#C5DBF0
#C6DAF1
#C2E4EB
#C3E2EC
#C5DFED
#C6DDEE
#C8DAEF
#C9D8F0
#CBD5F1
#C2E7E8
#C4E3E9
#C6E0EB
#C8DCEC
#CAD9EE
#CCD5EF
#CFD1F1
#C2EAE5
#C5E5E7
#C8E0E9
#CBDCEB
#CED7ED
#D0D2EF
#D4CCF1
#C2EDE2
#C6E7E4
#C9E1E7
#CDDBE9
#D0D5EC
#D4CFEE
#D8C8F1
#C2F1DE
#C6E9E1
#CBE2E4
#CFDAE7
#D4D3EA
#D8CBED
#DEC2F1
Colorpallet from #C2DEF1 to #C2F1DE and to #DEF1C2
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2E1EE
#C3E1ED
#C3E1EC
#C4E1EC
#C5E1EB
#C5E1EA
#C6E1E9
#C2E4EB
#C3E4EA
#C5E4E8
#C6E4E7
#C8E4E5
#C9E4E4
#CBE4E2
#C2E7E8
#C4E7E6
#C6E7E4
#C8E7E1
#CAE7DF
#CCE7DD
#CFE7DA
#C2EAE5
#C5EAE2
#C8EADF
#CBEADC
#CEEAD9
#D0EAD7
#D4EAD3
#C2EDE2
#C6EDDE
#C9EDDB
#CDEDD7
#D0EDD3
#D4EDD0
#D8EDCB
#C2F1DE
#C6F1DA
#CBF1D5
#CFF1D1
#D4F1CC
#D8F1C8
#DEF1C2
Colorpallet from #C2DEF1 to #C2F1DE and to #F1C2DE
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2E1EE
#C3E0EE
#C5DFEE
#C6DEEE
#C7DDEE
#C8DBEE
#CADAEE
#C2E4EB
#C4E2EB
#C7DFEB
#C9DDEB
#CCDAEB
#CED8EB
#D1D5EB
#C2E7E8
#C6E3E8
#C9E0E8
#CDDCE8
#D1D9E8
#D4D5E8
#D9D1E8
#C2EAE5
#C7E5E5
#CCE0E5
#D0DCE5
#D5D7E5
#DAD2E5
#E0CCE5
#C2EDE2
#C8E7E2
#CEE1E2
#D4DBE2
#DAD5E2
#E0CFE2
#E8C8E2
#C2F1DE
#CAE9DE
#D1E2DE
#D9DADE
#E0D3DE
#E8CBDE
#F1C2DE
Colorpallet from #C2DEF1 to #C2F1DE and to #F1DEC2
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2E1EE
#C3E1ED
#C5E0EC
#C6E0EC
#C7DFEB
#C8DFEA
#CADEE9
#C2E4EB
#C4E3EA
#C7E2E8
#C9E1E7
#CCE0E5
#CEDFE4
#D1DEE2
#C2E7E8
#C6E6E6
#C9E4E4
#CDE3E1
#D1E1DF
#D4E0DD
#D9DEDA
#C2EAE5
#C7E8E2
#CCE6DF
#D0E4DC
#D5E2D9
#DAE0D7
#E0DED3
#C2EDE2
#C8EBDE
#CEE8DB
#D4E6D7
#DAE3D3
#E0E1D0
#E8DECB
#C2F1DE
#CAEEDA
#D1EBD5
#D9E8D1
#E0E5CC
#E8E2C8
#F1DEC2
Colorpallet from #C2DEF1 to #DEC2F1 and to #DEF1C2
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C6DAF1
#C6DBF0
#C6DCEE
#C6DDED
#C6DEEC
#C6E0EB
#C6E1E9
#CBD5F1
#CBD7EF
#CBDAEC
#CBDCEA
#CBDFE7
#CBE1E5
#CBE4E2
#CFD1F1
#CFD5ED
#CFD8EA
#CFDCE6
#CFDFE2
#CFE3DF
#CFE7DA
#D4CCF1
#D4D1EC
#D4D6E7
#D4DAE3
#D4DFDE
#D4E4D9
#D4EAD3
#D8C8F1
#D8CEEB
#D8D4E5
#D8DADF
#D8E0D9
#D8E6D3
#D8EDCB
#DEC2F1
#DECAE9
#DED1E2
#DED9DA
#DEE0D3
#DEE8CB
#DEF1C2
Colorpallet from #C2DEF1 to #DEC2F1 and to #F1C2DE
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C6DAF1
#C7DAF1
#C7DAF0
#C8DAF0
#C9DAEF
#C9DAEF
#CADAEE
#CBD5F1
#CCD5F0
#CDD5EF
#CED5EE
#CFD5ED
#D0D5EC
#D1D5EB
#CFD1F1
#D1D1F0
#D2D1EE
#D4D1ED
#D5D1EB
#D7D1EA
#D9D1E8
#D4CCF1
#D6CCEF
#D8CCED
#DACCEB
#DCCCE9
#DECCE7
#E0CCE5
#D8C8F1
#DBC8EF
#DDC8EC
#E0C8EA
#E2C8E7
#E5C8E5
#E8C8E2
#DEC2F1
#E1C2EE
#E4C2EB
#E7C2E8
#EAC2E5
#EDC2E2
#F1C2DE
Colorpallet from #C2DEF1 to #DEC2F1 and to #F1DEC2
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C6DAF1
#C7DBF0
#C7DBEE
#C8DCED
#C9DDEC
#C9DDEB
#CADEE9
#CBD5F1
#CCD6EF
#CDD8EC
#CED9EA
#CFDBE7
#D0DCE5
#D1DEE2
#CFD1F1
#D1D3ED
#D2D5EA
#D4D7E6
#D5D9E2
#D7DBDF
#D9DEDA
#D4CCF1
#D6CFEC
#D8D2E7
#DAD5E3
#DCD8DE
#DEDAD9
#E0DED3
#D8C8F1
#DBCCEB
#DDCFE5
#E0D3DF
#E2D6D9
#E5DAD3
#E8DECB
#DEC2F1
#E1C6E9
#E4CBE2
#E7CFDA
#EAD4D3
#EDD8CB
#F1DEC2
Colorpallet from #C2DEF1 to #DEF1C2 and to #F1C2DE
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C6E1E9
#C7E0EA
#C7DFEB
#C8DEEB
#C9DDEC
#C9DBED
#CADAEE
#CBE4E2
#CCE2E3
#CDDFE5
#CEDDE6
#CFDAE8
#D0D8E9
#D1D5EB
#CFE7DA
#D1E3DC
#D2E0DE
#D4DCE1
#D5D9E3
#D7D5E5
#D9D1E8
#D4EAD3
#D6E5D6
#D8E0D9
#DADCDC
#DCD7DF
#DED2E1
#E0CCE5
#D8EDCB
#DBE7CF
#DDE1D2
#E0DBD6
#E2D5DA
#E5CFDD
#E8C8E2
#DEF1C2
#E1E9C6
#E4E2CB
#E7DACF
#EAD3D4
#EDCBD8
#F1C2DE
Colorpallet from #C2DEF1 to #DEF1C2 and to #F1DEC2
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C6E1E9
#C7E1E9
#C7E0E9
#C8E0E9
#C9DFE9
#C9DFE9
#CADEE9
#CBE4E2
#CCE3E2
#CDE2E2
#CEE1E2
#CFE0E2
#D0DFE2
#D1DEE2
#CFE7DA
#D1E6DA
#D2E4DA
#D4E3DA
#D5E1DA
#D7E0DA
#D9DEDA
#D4EAD3
#D6E8D3
#D8E6D3
#DAE4D3
#DCE2D3
#DEE0D3
#E0DED3
#D8EDCB
#DBEBCB
#DDE8CB
#E0E6CB
#E2E3CB
#E5E1CB
#E8DECB
#DEF1C2
#E1EEC2
#E4EBC2
#E7E8C2
#EAE5C2
#EDE2C2
#F1DEC2
Colorpallet from #C2DEF1 to #F1C2DE and to #F1DEC2
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#C2DEF1
#CADAEE
#CADBED
#CADBEC
#CADCEC
#CADDEB
#CADDEA
#CADEE9
#D1D5EB
#D1D6EA
#D1D8E8
#D1D9E7
#D1DBE5
#D1DCE4
#D1DEE2
#D9D1E8
#D9D3E6
#D9D5E4
#D9D7E1
#D9D9DF
#D9DBDD
#D9DEDA
#E0CCE5
#E0CFE2
#E0D2DF
#E0D5DC
#E0D8D9
#E0DAD7
#E0DED3
#E8C8E2
#E8CCDE
#E8CFDB
#E8D3D7
#E8D6D3
#E8DAD0
#E8DECB
#F1C2DE
#F1C6DA
#F1CBD5
#F1CFD1
#F1D4CC
#F1D8C8
#F1DEC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts